tencentyun / wafer2-quickstart-nodejs

Wafer2 Node.js 简化版 Demo
363 stars 84 forks source link

Wafer2 快速开发 Demo

本仓库是最简版的 Wafer2 开发套件,建议配合腾讯云微信小程序开发者工具解决方案一起使用。适用于想要使用 Wafer SDK 开发的开发者,Demo 对 SDK 进行了详细的使用和介绍,降低开发者的学习成本。

登录接口切换公告:https://github.com/tencentyun/wafer2-quickstart/issues/10

登录失败参考文档:https://github.com/tencentyun/wafer2-quickstart/issues/13

目录

腾讯云一站式部署开通指引

只需要四步即可部署属于自己的小程序开发环境

一、通过微信公众平台授权登录腾讯云

打开微信公众平台注册并登录小程序,按如下步骤操作:

  1. 单击左侧菜单栏中的【设置】。
  2. 单击右侧 Tab 栏中的【开发者工具】。
  3. 单击【腾讯云】,进入腾讯云工具页面,单击【开通】。
  4. 使用小程序绑定的微信扫码即可将小程序授权给腾讯云,开通之后会自动进去腾讯云微信小程序控制台,显示开发环境已开通,此时可以进行后续操作。

注意:

此时通过小程序开发者工具查看腾讯云状态并不会显示已开通,已开通状态会在第一次部署开发环境之后才会同步到微信开发者工具上。

进入微信公众平台后台

开通腾讯云

腾讯云微信小程序控制台

二、安装开发工具

下载并安装最新版本的微信开发者工具,使用小程序绑定的微信号扫码登录开发者工具。

微信开发者工具

三、初始化 Demo 并上传

  1. 打开第二步安装的微信开发者工具,点击【小程序项目】按钮。

  2. 输入小程序 AppID,项目目录选择一个空的目录,接着选择【建立腾讯云 Node.js 启动模板】,点击确定创建小程序项目。

  3. 安装依赖

    为方便本地调试,建议您在本地安装依赖。你也可以跳过这步直接使用开发者工具的“腾讯云”菜单中的“安装依赖”直接在线上安装依赖。

    在您刚刚选择的目录打开 CMD 安装依赖:

    cd server && npm install

    安装依赖

  4. 点击界面右上角的【腾讯云】图标,在下拉的菜单栏中选择【上传测试代码】。

    上传按钮

  5. 选择【模块上传】并勾选全部选项,然后勾选【部署后自动安装依赖】,点击【确定】开始上传代码。

    选择模块

    上传成功

  6. 上传代码完成之后,点击右上角的【详情】按钮,接着选择【腾讯云状态】即可看到腾讯云自动分配给你的开发环境域名:

    查看开发域名

  7. 完整复制(包括 https://)开发环境 request 域名,然后在编辑器中打开 client/config.js 文件,将复制的域名填入 host 中并保存,保存之后编辑器会自动编译小程序,左边的模拟器窗口即可实时显示出客户端的 Demo:

    修改客户端配置

  8. 在模拟器中点击【登录】,看到显示“登录成功”,即为开通完成,可以开始你的其他开发了。

    登录测试

文档

我们还提供了服务端、客户端的 Demo、SDK 的具体文档: