微信小程序> 微信小程序云开发·初探-微信小程序开发库-小程序界面开发

微信小程序云开发·初探-微信小程序开发库-小程序界面开发

浏览量:1837 时间: 来源:十二指环
1.

Gooddaysgiveyouhappinessandbaddaysgiveyouexperience.顺境带来快乐,逆境带来成长。

云开发quickstart2.

这是云开发的快速启动指引,其中演示了如何上手使用云开发的三大基础能力:

数据库:一个既可在小程序前端操作,也能在云函数中读写的JSON文档型数据库文件存储:在小程序前端直接上传/下载云端文件,在云开发控制台可视化管理云函数:在云端运行的代码,微信私有协议天然鉴权,开发者只需编写业务逻辑代码参考文档3.

云开发文档

4.

先把微信开发工具更新至最新(1.02.1809111)

5.

注意1:创建一个新项目,注意要在一个空文件夹目录下创建,有隐藏文件的文件夹也不可以。注意2:云开发方式,需要appid,请准备好

选择“建立云开发快速启动模版”进行新项目创建6.

目录结构如下:

cloudfunctions|-loginminiprogram|-images|-code-db-inc-dec.png|-code-db-onAdd.png|-code-db-onQuery.png|-code-db-onRemove.png|-code-func-sum.png|-console-entrance.png|-create-collection.png|-pages|-addFunction|-addFunction.js|-addFunction.json|-addFunction.wxml|-addFunction.wxss|-chooseLib|-chooseLib.js|-chooseLib.json|-chooseLib.wxml|-chooseLib.wsxx|-databaseGuide|-databaseGuide.js|-databaseGuide.json|-databaseGuide.wxml|-databaseGuide.wxss|-deployFunctions|-deployFunctions.js|-deployFunctions.json|-deployFunctions.wxml|-deployFunctions.wxss|-index|-index.js|-index.wxml|-index.wxss|-user-unlogin.png|-storageConsole|-storageConsole.js|-storageConsole.json|-storageConsole.wxml|-storageConsole.wxss|-userConsole|-userConsole.js|-userConsole.json|-userConsole.wxml|-userConsole.wxss|-style|-guide.wxss|-app.js|-app.json|-app.wxssREADME.mdproject.config.json创建服务环境名称,点击云开发一个账户可以创建两个环境,一个作为开发环境,一个作为生产环境7.

如下图所示这是新建项目中一个简单的获取用户openId的云函数示例

在cloudfunctions路径下的login文件夹上点击右键,选择创建并部署8.

部署成功后,弹出如下界面

在云开发界面的左上角找到“环境ID”并复制9.

在miniprogram目录下的app.js配置环境ID

//app.jsApp({onLaunch:function(){if(!wx.cloud){console.error('请使用2.2.3或以上的基础库以使用云能力')}else{wx.cloud.init({env:'你的环境ID',traceUser:true,})}this.globalData{}}})10.

保存编译,即可Log你的openId

11.

打开云开发控制台,点击云函数-login函数-右上角的测试按钮

12.

把我们在上面获取到的openId修改复制上去,点击运行测试显示测试成功。

13.

更新目录

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

最新资讯

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎