0

    小程序云开发-小程序云开发环境搭建

    2023.04.20 | admin | 212次围观

    开通云开发服务

    点击微信开发者工具的“云开发”图标,在弹出框里点击“开通”,同意协议后,会弹出创建环境的对话框。这时会要求你输入环境名称和环境 ID,以及当前云开发的基础环境配额(基础配额免费,而且足够你使用哦)。

    建议你环境名称可以自定义但要记住、环境ID自动生成即可,当你的云开发环境出现问题的时候,你可以提供你的环境ID,云开发团队会有专人为你解答。

    按照对话框提示的要求填写完之后,点击创建,会初始化环境,环境初始化成功后会自动弹出云开发控制台,这样我们的云开发服务就开通啦。大家可以花两分钟左右的时间熟悉一下云开发控制台的界面。

    找到云开发的环境 ID

    点击云开发控制台窗口里的设置图标,在环境变量的标签页找到环境名称和环境 ID。如下是创建的,名称是cai

    当云开发服务开通后,我们可以在小程序源代码 cloudfunctions 文件夹名看到你的环境名称。如果在 cloudfunctions 文件夹名显示的不是环境名称,而是“未指定环境”,可以鼠标右键该文件夹,选择“更多设置”,然后再点击“设置”小图标,选择环境并确定。

    指定小程序的云开发环境

    在开发者工具中打开源代码文件夹 miniprogram 里的 app.js,找到如下代码:

    wx.cloud.init({

    // 此处请填入环境 ID, 环境 ID 可打开云控制台查看

    env: 'cai-xxxxxxxxx',//就是刚创建的id复制进去就行了

    traceUser: true,

    })

    在 env: 'my-env-id'处改成你的环境 ID,如 env: 'cai-xxxxxxxxx'

    下载 Nodejs

    一会我们要用到node安装npm包,所以电脑需要安装mode才行。NodeJS 是在服务端运行 JavaScript 的运行环境,云开发所使用的服务端环境就是 NodeJS。npm 是 Node 包管理器,通过 npm,我们可以非常方便的安装云开发所需要的依赖包。

    npm是前端开发必不可少的包(模块)管理器,它的主要功能就是来管理包package,包括安装、卸载、更新、查看、搜索、发布等,其他编程语言也有类似的包管理器,比如Python的pip,PHP的composer、Java的maven。我们可以把包管理器看成是windows的软件管理中心或手机的应用中心,只是它们用的是可视化界面,包管理器用的是命令行Command Line。

    大家可以根据电脑的操作系统下载相应的 NodeJS 安装包并安装(安装时不要修改安装目录,啥也别管直接 next 安装即可)。打开电脑终端(Windows 电脑为 cmd 命令提示符,Mac 电脑为终端 Terminal),然后逐行输入并按 Enter 执行下面的代码:查看对应版本号

    node -v

    npm -v

    部署并上传云函数

    cloudfuntions 文件夹图标里有朵小云,表示这就是云函数根目录。展开 cloudfunctions,我们可以看到里面有 login、openapi、callback、echo 文件夹,这些就是云函数目录。而 miniprogram 文件夹则放置的是小程序的页面文件

    cloudfunctions里放的是云函数,miniprogram放的是小程序的页面。

    这里我们需要上传云函数目录下4个云函数,步骤都是一样的,先看login

    使用鼠标右键其中的一个云函数目录比如 login,在右键菜单中选择在终端中打开,打开后在终端中输入以下代码并按 Enter 回车执行:

    npm install

    这时候会下载云函数的依赖模块,下载完成后,再右键 login 云函数目录,点击“创建并部署:所有文件”,这时会把本地的云函数上传到云端,上传成功后在 login 云函数目录图标会变成一朵小云。

    在开发者工具的工具栏上点击“云开发”图标会打开云开发控制台,在云开发控制台点击云函数图标,就能在云函数列表里看到我们上传好的“login”云函数啦。

    接下来哦我们呢依次可以进行其他函数部署,就不一一说明了,步骤都是一样的。

    当我们把云函数 login 部署上传成功后,就可以在模拟器以及手机(需要重新点击预览图标并扫描二维码)里点击获取 openid 了。

    点击获取 openid

    openid 是小程序用户的唯一标识,也就是每一个小程序用户都有一个唯一的 openid。点击“点击获取 openid”,在用户管理指引页面如果显示“用户 id 获取成功”以及一串字母+数字,那么表示你 login 云函数部署并上传成功啦。如果获取 openid 失败,你则需要解决 login 云函数的部署上传微信小程序云开发显示图片微信小程序云开发显示图片,才能进行下面的步骤哦。

    目前为止,基础环境搭建基本完成了,全部函数上传后就可以测试基础功能喽

    切记,权限这里要开,否则会遇到报错问题

    版权声明

    本文仅代表作者观点。
    本文系作者授权发表,未经许可,不得转载。

    发表评论