首页
学习
活动
专区
圈层
工具
发布

预告|用云开发,快速做个小程序

小程序云开发实战直播课由腾讯小程序官方核心研发团队倾力打造,共分为三期,内容包括现场编程展示云函数、云调用、云存储、云开发数据库等小程序云开发中的常用能力,结合具体场景介绍 kbone 小程序多端框架等应用和实践经验内容...,并提供与研发工程师交流答疑等机会,共建小程序开发生态。...8月6日 晚上 20:00 重磅推出第一期直播课程《用云开发,快速做个小程序》,邀请到腾讯微信前端开发工程师 龙灏天 & 腾讯微信前端开发高级工程师 邓坤力 现场编程展示云函数、云调用、云存储、云开发数据库等小程序云开发中的常用能力...赶快扫码预约吧~ 课程主题: 用云开发,快速做个小程序 课程时间:8月6日(周四)20:00 课程讲师:腾讯微信前端开发工程师 龙灏天 & 腾讯微信前端开发高级工程师 邓坤力 海报8.6....jpg 腾讯云大学公众号.jpg 关注“腾讯云大学”公众号,回复【加群】进入交流群 腾讯云大学是腾讯云旗下面向云生态用户的一站式学习成长平台。

1.5K51

用小程序·云开发打造运动圈小程序丨实战

乒乓圈小程序 和朋友合伙写了一个小程序,写了一个以共享乒乓信息和交流的平台———乒乓圈。我们使用了微信的云开发来完成数据和后台的作用。免去了租赁服务器。...留言功能 留言功能,是这个小程序的主要功能之一,目的是为了向兴趣相同的乒乓爱好者有一个初始的交流平台。...总结 开发总结 良好沟通的重要性 在和朋友一起开发小程序的过程中注意到了以下的问题, 沟通 是最重要的,在我们开发的过程中,因为没有良好的沟通,导致,前后端的功能开发对接不完美。...但是这些问题应当在代码开发流程就应当做的,这是我了解的一个问题。 个人思考 程序的结构 程序的结构大致分为前端页面、后端服务器和数据库三个组成部分。...在小程序这种 MVVM 结构中前端占有了很重要的一部分。

2K60
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    用云开发实现小程序订阅消息配置

    10月12日微信官方发布了小程序模板消息能力调整的通知 : https://developers.weixin.qq.com/community/develop/doc/00008a8a7d8310b6bf4975b635a401...开发准备 如果还没有开通订阅消息的要在小程序后台里开通订阅消息后添加需要的模板,添加完后的红框中的变量就是订阅消息接口要用到的data了 [format,png#pic_center] [format,...x-oss-process=image/format,png#pic_center) 总结 总的来说并不难,只是有个地方要注意一下,由于之前没怎么用过云开发,不知道它返回的数据结构会有差异,比如在获取...access_token的时候发现一个特别之处,在小程序里进行调用的时候,成功的话返回是下图这种格式的 [format,png#pic_center] 但是本地调试的时候返回又是这种格式的 [format...代码就不放了,都在图片里,自己动手敲一遍比较好 相关接口 订阅接口 获取access_token接口 下发消息接口 --- 如果你想要了解更多关于云开发CloudBase相关的技术故事/技术实战经验,请扫码关注

    1.5K52

    小程序云开发

    但是云开发相对来说还是有点了解的。 在我的印象里,小程序开发有云开发已经很早之前的事,当时也有小小的尝试过,但是由于自己并不是有很大的需求,没有去开通消费,只是在它免费的时候试过。...我使用云开发的情况只针对于自己有想法的项目,独立去完成,公司项目没有涉及过,毕竟公司都是有专业后端的,还不至于需要我个小前端自给自足。...传统数据存储需要前后端进行API请求获取前段需要的数据,云数据直接省略了和后端的请求,直接操作数据库;传统的部署需要前后端基本同时发布,云开发只需要小程序单方面上传,后台操作自己是否想发布,为我这种看到数据库...,之前数据存储都是后端购买腾讯云存储,前段是完全无需接触,云开发的不管是数据库还是存储我们前段都一目了然了。...总之,对于前段真的是福音,简单易上手,清晰又明了,自己闲时开发些小程序还是很美好的。

    2.5K10

    用小程序·云开发打造功能全面的博客小程序丨实战

    用小程序·云开发将博客小程序常用功能“一网打尽” 本文介绍mini博客小程序的详情页的功能按钮如何实现,具体包括评论、点赞、收藏和海报功能,这里记录下整个实现过程和实际编码中的一些坑。...海报功能 交代些背景 其实在最早之前的小程序中已经实现了一次,具体可以参考利用云开发优化博客小程序(三)——生成海报功能,主要还是使用原生的cavans进行组装,原本想代码copy过来改改就行了,但总觉得原来的代码写的不是特别好...--production 安装成功后,即可在小程序开发工具中进行构建,构建前需要勾选使用 npm 模块 [5.jpg] 然后点击开发者工具中的菜单栏:工具 --> 构建 npm即可: [6.jpg...,公众号素材列表返回的图片url其实是http的,但小程序规定绑定的域名必须是https的,当时比较无奈,后来尝试改用https访问首图的url也可以,不幸中的万幸,所以在使用首图地址时进行替换下: imageUrl...= imageUrl.replace('http://', 'https://') 最后就是文章的小程序码了,需要利用小程序的getUnlimited的api,具体可以参考官方文档,目前已经提供了云调用的方式

    1.4K101

    小程序云开发仿爱彼迎小程序 | 云开发实战

    技术栈 小程序·云开发 + vue + vuex 成果展示 目前作者只完成了主页、日期的选择及一个主题民宿页面,这附上源码地址:https://github.com/BeichenloveNancy/mpvue-airbnb...事件,mpvue 要使用@Click 或 v-on:Click 来监听点击事件,这里与原生小程序开发还是有所不同 <swiper autoplay="true" indicator-color="#fff...van-action-sheet": "static/dist/action-sheet/index", "van-button": "static/dist/button/index" }, 注意勾选微信小程序开发工具本地设置中的...这里我们使用云开发来获取各城市名宿数据 首先在 main.js 中完成云能力初始化 import Vue from'vue' import App from'....(CloudBase)是一款云端一体化的产品方案 ,采用 serverless 架构,免环境搭建等运维事务 ,支持一云多端,助力快速构建小程序、Web应用、移动应用。

    4.5K40

    认识小程序云开发

    云开发小程序的能力 云开发是微信团队和腾讯云团队共同研发的一套小程序基础能力,简言之就是:云能力将会成为小程序的基础能力。...小程序云开发目前提供三大基础能力支持: 云函数:在云端运行的代码,微信私有协议天然鉴权,开发者只需编写业务逻辑代码 数据库:一个既可在小程序前端操作,也能在云函数中读写的 JSON 数据库 文件存储:在小程序前端直接上传.../下载云端文件,在云开发控制台可视化管理 大家可以去看看小程序的文档,也可以参加下公测申请哈:《小程序·云开发》。...小程序云开发提供了较完整的服务器架构,结合腾讯云团队的云函数、数据库和文件存储,都可以是相对可靠的服务。如果业务可以使用小程序云开发完成闭环,就能省去不少的开发部署和维护成本。...小程序云开发提供了数据库和文件存储,可在小程序中直接使用,也可以通过云函数去调用,也可以通过小程序云开发的控制台去管理。

    7.1K71

    小程序云开发优势

    介绍下云开发优势 是什么 Serverless服务的一种,云端提供以下服务 数据库 存储 云函数 云调用 HTTP API 不是什么 不是PaaS,基于事件驱动,是FaaS(FunctionasaService...) 同类产品: LeanCloud的云函数 Bmob的云函数 AWS的Lambda Azure的Functions Google的CloudFunctions 不同: 将接口进行深度的封装,仅能在小程序...、云函数中通过wx.cloud和wx-server-sdk来调用 适用场景 业务逻辑都仅仅需要在小程序端完成,无需过于复杂的管理逻辑 优势 登录逻辑简单 自动实现用户登录的校验,无需再次鉴权 免费...免费2GB的数据库存储和免费5GB的文件存储,对个人开发者绰绰有余 简单 调用非常的简单,你只需要了解JavaScript和一些简单的异步的知识(promise),就可以完成小程序云开发 无侵入 在小程序的基础库层面的封装...所有人可读;如文章 仅创建者可读写:数据只有创建者可读写,其他用户不可读写;如私密相册 仅管理端可写,所有人可读:该数据只有管理端可写,所有人可读;如商品信息 仅管理端可读写:该数据只有管理端可读写;如后台用的不暴露的数据

    4.6K10

    小程序(2):云开发

    所谓serverless就是无后台开发。通俗地说就是踢开后端闹革命。只需要一个前端就可以操作数据库小程序云开发就是这个概念的尝鲜者。云开发也是小程序近年最大的改变之一。...怎么用呢? 新建一个基于云开发的小程序项目。 发现目录结构变了,原来的小程序结构放到了miniprogram文件夹: ? 增加了一个cloudfunctions文件夹。...实际上小程序最多只允许用户操作自己创建的数据。允许删除的列表建议放另外一个collection。 云函数 云函数是一系列nodejs的npm项目。可以使用npm安装自己需要的依赖。...cloud cloud.init() /** * 这个示例将经自动鉴权过的小程序用户 openid 返回给小程序端 * * event 参数包含小程序端调用传入的 data * 暴露云函数的入口...实际上云函数做的东西多的多。 完善云函数login 小程序最重要的就是登录。现在就把登录功能给做了。 登录最紧要就是获取openid。

    3.8K10

    初试小程序云开发

    云开发(Tencent Cloud Base,TCB)是腾讯云为移动开发者提供的一站式后端云服务,它帮助开发者统一构建和管理资源,免去了移动应用开发过程中繁琐的服务器搭建及运维、域名注册及备案、数据接口实现等繁琐流程...对于个人开发者来说是很好的福利。 ? 下图我们以开发视角来看目前我们的开发小程序的一个时序图: ?...小程序云开发工具只支持新建两个环境,我们姑且命名为dev和prod,dev就直接可以作为我们的测试环境了。 ? IDE资源管理器: ?...开发者可以使用云开发开发微信小程序、小游戏,无需搭建服务器,即可使用云端能力。...上面就是小程序·云开发简单的使用图谱:在小程序端,直接用官方提供的接口,在云函数端,直接用官方提供的 Node SDK,就可以操作你云的资源。

    3.9K20

    小程序-云开发基础

    撰文 | 川川 VX-ID:suibichuanji 前言 最近在学习研究小程序的云开发,不得不令人惊叹,个人觉得如果把小程序比作是干柴,那么云开发就是一把烈火,助推了小程序,小游戏的野蛮生长 一种无服务...下面就一起来学习下小程序的云开发的 在开篇之前,为了扫盲一下,聊聊小程序是什么 小程序是什么?...相信你每天都在微信里用的小程序,已成成为了生活不可缺少的一部分 功能上: 它是一种全新的连接用户与服务的方式,寄生在微信app内,可以在微信内进行广泛的传播和获取,服务于我们的吃,喝(定外卖等),玩,乐...,TCB):是腾讯云+微信小团队强强联手为移动开发者提供的一站式后端云服务,它帮助开发者统一构建和管理资源,免去了移动应用开发过程中繁琐的服务器搭建及运维、域名注册及备案、数据接口实现等繁琐流程,无需理解后端逻辑及服务器运维知识...(主要针对旧项目的小程序) 这种方式主要是对于旧项目的小程序想要切换到云开发,基于云开发的的基础能力进行二次开发 这在创建小程序工程项目时,一开始就开通云环境与只创建小程序前台,然后在工具中手动的开通云坏境

    3.4K30

    小程序·云开发实战:智慧衣橱小程序

    ,现在通过云开发就可以快速实现用户当地实时温度,智能推荐衣着的小程序。...本期腾讯云大学大咖分享邀请陈碧棋老师,将会演示如何使用云开发快速为小程序加入请求第三方API能力,在实战环节会带领大家搭建一个具备当天当地实时推荐衣着小程序。...2.1 传统开发模式 传统开发模式,在小程序端,通过wx.request发送请求,请求的域名必须经过ICP备案,并且只支持HTTPS,服务端在接受到小程序端的请求后,将会发送网络请求给第三方API,返回相关数据给小程序端...[ytnixputoi.png] 云开发提供多种调用方式,开发者无需担心云开发只能在微信小程序上调用这个问题。...实战 实战步骤 任务一:开启小程序云开发模板 任务二:搭建智慧衣橱小程序的前端(开源项目) 任务三:实现云函数发起第三方API请求 任务四:实现将静态资源上传到云存储 [ua3jux54rf.png]

    8.1K60

    小程序-云开发-实现生成小程序码

    前言 小程序因为传播快,易分享,现已经成为各大小公司的标配,从曾今你有公众号么,变为你有小程序么?可想而知小程序的火爆程度 那么在小程序中,如何生成小程序码?...虽然小程序目前可以分享到朋友圈了的,但小程序码的传播无论是直接分享给好友,还是作为图片分享,或是作为线下扫码入口,都是引流的一种重要的入口 实例效果 (点击长按识别扫码) 具体实现 小程序端代码,在view...: result.buffer, }); return upload.fileID; // 返回文件的fileID,也就是该图片 }; 生成小程序码就是上面几行简单的云函数代码就可可以实现,主要是利用...:一种是https调用,另一种是云调用,在本文中就是使用的云调用最为简单,免去了获取access_token,免鉴权 在小程序端发起请求生成小程序码的云函数,云函数端借用云调用根据wxcode.getUnlimited...这个接口生成小程序码,然后上传到云存储中,返回云存储中的图片的fileID,在小程序端就可以拿到云函数端返回fileID,根据这个fileID把小程序码展示出来 如遇到小程序码问题,也欢迎小伙伴们下方留言

    9.4K10

    小程序·云开发实战 - 体重记录小程序

    前一段看到朋友圈里总是有人用txt记录体重,就特别想写一个记录体重的小程序, 现在小程序的云开发有云函数、数据库,真的挺好用,很适合个人开发者,服务器域名什么都不用管,云开发让你完全不用操心这些东西。...--其他页面引用--> const app = getApp() // 获得实例 app.globalData.openid // 直接引用即可 2.npm 的使用 1.进入小程序源码miniprogram....update({ data: { ...event }, }) } catch(e) { console.error(e) } } 小程序端调用...title: '新增记录失败' }) } }) 4.数据库操作 其实是接入的 MongoDB ,封装了一部分 api 出来,详细的就看官方文档吧,有区分服务端和小程序段...this.onLoad() } 源码链接 https://github.com/TencentCloudBase/Good-practice-tutorial-recommended 如果你有关于使用云开发

    7.3K50

    实战丨用小程序·云开发构建高考分数线查询小程序

    在今年的高考落下帷幕之际,介绍一款基于云开发的高考录取分数线查询小程序,希望能为考生的志愿填报提供便利。...后台搭建 在拿到 30w 条数据后,我打算后台采用 Flask+PgSQL 的模式实现,甚至当时已经在某公司的云服务器部署好了,但就在小程序端在开发者工具联调通过之后,小程序上线遇到到一个大麻烦:因为小程序要求线上运行不能通过...ip 地址访问后台,必须通过备案的域名访问,域名购买一个倒不麻烦,只是域名备案比较耗时间,需要一周多时间,而当时距离高考也就不到 5 天,在手足无措之时,无意间看到小程序·云开发能完美解决这个问题,于是果断尝试...云开发为开发者提供完整的原生云端支持和微信服务支持,弱化后端和运维概念,无需搭建服务器,使用平台提供的 API 进行核心业务开发,即可实现快速上线和迭代,同时这一能力,同开发者已经使用的云服务相互兼容,...也就是说,只要把数据导入小程序自带的后台,就能通过小程序平台的 API 访问到这些数据,以前了解过一些第三方云,没想到小程序已经集成了这些第三方云所具有的功能,这波要点个赞。

    1.1K20
    领券