Skip to main content
 Web开发网 » 站长学院 » 浏览器插件

分享:微信小程序——云开发·初探

2021年10月09日6750百度已收录

Good days give you happiness and bad days give you experience.

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

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

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

分享:微信小程序——云开发·初探  微信小程序开发文档 第1张

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

注意1:创建一个新项目,注意要在一个空文件夹目录下创建,有隐藏文件的文件夹也不可以。

注意2:云开发方式,需要appid,请准备好

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

分享:微信小程序——云开发·初探  微信小程序开发文档 第2张

分享:微信小程序——云开发·初探  微信小程序开发文档 第3张

目录结构如下:cloudfunctions

| - login

miniprogram

| - 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.wxss

README.md

project.config.json

创建服务环境名称,点击云开发分享:微信小程序——云开发·初探  微信小程序开发文档 第4张

一个账户可以创建两个环境,一个作为开发环境,一个作为生产环境如下图所示这是新建项目中一个简单的获取用户openId的云函数示例

分享:微信小程序——云开发·初探  微信小程序开发文档 第5张

在cloudfunctions路径下的login文件夹上点击右键,选择创建并部署分享:微信小程序——云开发·初探  微信小程序开发文档 第6张

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

分享:微信小程序——云开发·初探  微信小程序开发文档 第7张

在云开发界面的左上角找到“环境ID”并复制分享:微信小程序——云开发·初探  微信小程序开发文档 第8张

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

//app.js

App({

onLaunch: function () {

if (!wx.cloud) {

console.error('请使用 2.2.3 或以上的基础库以使用云能力')

} else {

wx.cloud.init({

env:'你的环境ID',

traceUser: true,

this.globalData = {}

保存编译,即可Log你的openId

分享:微信小程序——云开发·初探  微信小程序开发文档 第9张

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

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

评论列表暂无评论
发表评论
微信