# Wafer2 快速开发 Demo
本仓库是最简版的 Wafer2 开发套件,建议配合腾讯云微信小程序开发者工具解决方案一起使用。适用于想要使用 Wafer SDK 开发的开发者,Demo 对 SDK 进行了详细的使用和介绍,降低开发者的学习成本。
## 目录
- [腾讯云一站式部署开通指引](#腾讯云一站式部署开通指引)
- [一、通过微信公众平台授权登录腾讯云](#一通过微信公众平台授权登录腾讯云)
- [二、安装开发工具](#二安装开发工具)
- [三、导入 DEMO 和配置](#三导入-demo-和配置)
- [四、上传和部署代码](#四上传和部署代码)
- [文档](#文档)
## 腾讯云一站式部署开通指引
只需要四步即可部署属于自己的小程序**开发环境**。
### 一、通过微信公众平台授权登录腾讯云
打开[微信公众平台](https://mp.weixin.qq.com)注册并登录小程序,点击左侧菜单栏中的“设置”,接着点击右侧 Tab 栏中的“开发者工具”,接着点击“腾讯云”,进入腾讯云工具页面,点击开通。此后会弹出一个二维码,通过小程序绑定的微信扫码即可将小程序授权给腾讯云,开通之后会自动进去腾讯云微信小程序控制台,显示开发环境已开通,此时可以进行接下来的操作。
###### 此时通过小程序开发者工具查看腾讯云状态并不会同步,状态会在第一次部署开发环境之后才会同步腾讯云的状态到微信开发者工具上。
![进入微信公众平台后台](https://user-images.githubusercontent.com/3380894/29357289-92f2745a-82a9-11e7-9b42-d1a530f94da2.jpg)
![开通腾讯云](https://user-images.githubusercontent.com/3380894/29357290-92f31086-82a9-11e7-818a-038a0cfd72fc.jpg)
![腾讯云微信小程序控制台](https://user-images.githubusercontent.com/3380894/29357742-2c97ba88-82ab-11e7-8947-de819ad5aa45.png)
### 二、安装开发工具
下载并安装最新版本的[微信开发者工具](https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html),使用小程序绑定的微信号扫码登录开发者工具。
![微信开发者工具](https://user-images.githubusercontent.com/3380894/30306146-39fca9f0-97a9-11e7-88a7-56efcdd1b323.png)
### 三、导入 DEMO 和配置
你可以通过两个途径访问 Github 上 `wafer2-quickstart` 项目下载 Demo 代码:
1. 访问[仓库主页](https://github.com/tencentyun/wafer2-quickstart),绿色的 `clone or download` 按钮,并点击 `Download ZIP`,下载打包好的 Demo 代码。
![下载代码](https://user-images.githubusercontent.com/3380894/30306680-320cd398-97ac-11e7-9f20-eda148861ee9.png)
2. 通过 git clone 下载代码并安装依赖:
```bash
git clone https://github.com/tencentyun/wafer2-quickstart.git
```
**安装依赖**
###### 这步可以跳过,你可以使用线上直接安装依赖
接着在下载下来的目录打开 CMD 安装依赖:
```bash
# 切换到 server 文件夹
cd server
# 安装依赖
npm install
```
![安装依赖](https://user-images.githubusercontent.com/3380894/30306727-7db4733c-97ac-11e7-95d1-253bc4b9c1ea.png)
### 四、上传和部署代码
打开第二步安装的微信开发者工具,点击“小程序项目”按钮,输入小程序 AppID,项目目录选择上一步下载下来的代码目录,点击确定创建小程序项目。
*** 注意:目录请选择 `quickstart` 根目录。包含有 `project.config.json`,请不要只选择 `client` 目录!**
![上传代码](https://user-images.githubusercontent.com/3380894/30306247-b7b63636-97a9-11e7-9b5a-daa0b2db33e6.png)
点击 “确定” 进入开发者工具。
![开发者工具](https://user-images.githubusercontent.com/3380894/30306318-0b7c442c-97aa-11e7-9080-ae47c50cec12.png)
打开 Demo 代码中 `server` 目录下的 `config.js` 文件,将其中的 `mysql` 配置项的密码 `pass` 改成你的微信小程序 AppID,并**保存**。
![修改 MySQL 密码](https://user-images.githubusercontent.com/3380894/30306357-41ac94ac-97aa-11e7-9872-7f5612f99fbc.png)
接着点击界面右上角的腾讯云按钮,在下拉的菜单栏中选择“上传测试代码”,选择“模块上传”并勾选全部选项,然后勾选“部署后自动安装依赖”,点击确定开始上传代码:
![上传按钮](https://user-images.githubusercontent.com/3380894/30306411-8c9a9aea-97aa-11e7-92bb-a571cc436b85.png)
![选择模块](https://user-images.githubusercontent.com/3380894/30306412-8df08f4e-97aa-11e7-9a5b-7ab82c58c63d.png)
![7](https://user-images.githubusercontent.com/3380894/30306455-dc3f612a-97aa-11e7-8add-d3268b63d725.png)
上传代码完成之后,点击右上角的“项目”按钮,接着选择“腾讯云状态”即可看到腾讯云自动分配给你的开发环境域名:
![查看开发域名](https://user-images.githubusercontent.com/3380894/30306493-0f7b5b48-97ab-11e7-9225-ca6c9de9fcf4.png)
完整复制(包括 `https://`)开发环境 request 域名,然后在编辑器中打开 `client/config.js` 文件,将复制的域名填入 `host` 中并保存,保存之后编辑器会自动编译小程序,左边的模拟器窗口即可实时显示出客户端的 Demo:
![修改客户端配置](https://user-images.githubusercontent.com/3380894/30306556-6b32f144-97ab-11e7-90bd-576ebbcb7588.png)
在模拟器中点击登录,看到显示登陆成功,即为开通完成,可以开始你的其他开发了。
![登录测试](https://user-images.githubusercontent.com/3380894/30306599-aa38da98-97ab-11e7-9e0f-57fa21a269f3.png)
## 文档
我们还提供了服务端、客户端的 Demo、SDK 的具体文档:
- [Wiki 首页](https://github.com/tencentyun/wafer2-startup/wiki)
- [开发环境和生产环境](https://github.com/tencentyun/wafer2-startup/wiki/%E5%BC%80%E5%8F%91%E7%8E%AF%E5%A2%83%E5%92%8C%E7%94%9F%E4%BA%A7%E7%8E%AF%E5%A2%83)
- [自行部署](https://github.com/tencentyun/wafer2-startup/wiki/%E8%87%AA%E8%A1%8C%E9%83%A8%E7%BD%B2)
- [一站式部署](https://github.com/tencentyun/wafer2-startup/blob/master/README.md)
- [常见问题](https://github.com/tencentyun/wafer2-startup/wiki/%E5%B8%B8%E8%A7%81%E9%97%AE%E9%A2%98)
- [如何部署代码到开发环境](https://github.com/tencentyun/wafer2-startup/wiki/%E5%B8%B8%E8%A7%81%E9%97%AE%E9%A2%98#%E5%A6%82%E4%BD%95%E9%83%A8%E7%BD%B2%E4%BB%A3%E7%A0%81%E5%88%B0%E5%BC%80%E5%8F%91%E7%8E%AF%E5%A2%83)
- [如何重启服务器](https://github.com/tencentyun/wafer2-startup/wiki/%E5%B8%B8%E8%A7%81%E9%97%AE%E9%A2%98#%E5%A6%82%E4%BD%95%E9%87%8D%E5%90%AF%E6%9C%8D%E5%8A%A1%E5%99%A8)
- [如何恢复初始化环境](https://github.com/tencentyun/wafer2-startup/wiki/%E5%B8%B8%E8%A7%81%E9%97%AE%E9%A2%98#%E5%A6%82%E4%BD%95%E6%81%A2%E5%A4%8D%E5%88%9D%E5%A7%8B%E5%8C%96%E7%8E%AF%E5%A2%83)
- [如何远程调试后台代码](https://github.com/tencentyun/wafer2-startup/wiki/%E5%B8%B8%E8%A7%81%E9%97%AE%E9%A2%98#%E5%A6%82%E4%BD%95%E8%BF%9C%E7%A8%8B%E8%B0%83%E8%AF%95%E5%90%8E%E5%8F%B0%E4%BB%A3%E7%A0%81)
- [如何查看后台日志](https://github.com/tencentyun/wafer2-startup/wiki/%E5%B8%B8%E8%A7%81%E9%97%AE%E9%A2%98#%E5%A6%82%E4%BD%95%E6%9F%A5%E7%9C%8B%E5%90%8E%E5%8F%B0%E6%97%A5%E5%BF%97)
- [如何修改数据库密码](https://github.com/tencentyun/wafer2-startup/wiki/%E5%B8%B8%E8%A7%81%E9%97%AE%E9%A2%98#%E5%A6%82%E4%BD%95%E4%BF%AE%E6%94%B9%E6%95%B0%E6%8D%AE%E5%BA%93%E5%AF%86%E7%A0%81)
- [如何新建和修改数据库的库表](https://github.com/tencentyun/wafer2-startup/wiki/%E5%B8%B8%E8%A7%81%E9%97%AE%E9%A2%98#%E5%A6%82%E4%BD%95%E6%96%B0%E5%BB%BA%E5%92%8C%E4%BF%AE%E6%94%B9%E6%95%B0%E6%8D%AE%E5%BA%93%E7%9A%84%E5%BA%93%E8%A1%A8)
- [如何上传图片](https://github.com/tencentyun/wafer2-startup/wiki/%E5%B8%B8%E8%A7%81%E9%97%AE%E9%A2%98#%E5%A6%82%E4%BD%95%E4%B8%8A%E4%BC%A0%E5%9B%BE%E7%89%87)
- [如何部署 Demo 到自己的服务器](https://github.com/tencentyun/wafer2-startup/wiki/%E5%B8%B8
没有合适的资源?快使用搜索试试~ 我知道了~
微信小程序比赛项目.zip
共69个文件
js:31个
json:12个
wxss:8个
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 173 浏览量
2023-08-24
16:46:18
上传
评论
收藏 60KB ZIP 举报
温馨提示
全国大学生电子设计竞赛(National Undergraduate Electronics Design Contest),试题,解决方案及源码。计划或参加电赛的同学可以用来学习提升和参考。程序均是实战案例,经过测试可直接运行。 全国大学生电子设计竞赛(National Undergraduate Electronics Design Contest),试题,解决方案及源码。计划或参加电赛的同学可以用来学习提升和参考。程序均是实战案例,经过测试可直接运行。
资源推荐
资源详情
资源评论
收起资源包目录
微信小程序比赛项目.zip (69个子文件)
ori_code
减减记账
project.config.json 249B
client
pages
index
index.wxml 2KB
user-unlogin.png 5KB
index.js 6KB
index.wxss 2KB
former1
former1.js 1KB
former1.wxss 422B
former1.wxml 437B
former1.json 2B
analysis
analysis.js 867B
analysis.wxml 78B
analysis.json 2B
analysis.wxss 34B
addCgi
addCgi.js 1KB
addCgi.wxss 2KB
addCgi.json 52B
code2.png 5KB
code1.png 4KB
addCgi.wxml 1KB
add
add.js 857B
add.json 2B
add.wxss 24B
add.wxml 58B
goal
goal.js 859B
goal.wxss 26B
goal.json 2B
goal.wxml 62B
login
login.js 861B
login.json 2B
login.wxml 66B
login.wxss 28B
app.json 425B
app.js 194B
utils
util.js 912B
app.wxss 123B
vendor
wafer2-client-sdk
lib
request.js 3KB
login.js 5KB
session.js 402B
tunnel.js 15KB
utils.js 387B
constants.js 664B
wxTunnel.js 733B
LICENSE 1KB
package.json 1KB
index.js 614B
README.md 8KB
config.js 610B
server
tools.md 926B
nodemon.json 311B
tools
cAuth.sql 1KB
initdb.js 1019B
process.prod.json 240B
app.js 509B
controllers
login.js 347B
user.js 370B
demo.js 73B
tunnel.js 4KB
upload.js 209B
message.js 875B
index.js 742B
package.json 946B
routes
index.js 1KB
middlewares
response.js 884B
config.js 1019B
README.md 4KB
qcloud.js 1023B
README.md 9KB
test.txt 0B
README.md 32B
共 69 条
- 1
资源评论
白话机器学习
- 粉丝: 9226
- 资源: 7681
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 基于HTML的旅游网页制作源码设计.zip
- 基于HTML的旅游网页制作源码设计.zip
- 大数据实战Demo系统-MaxCompute数据仓库数据转换实践(PDF格式).rar
- 六一儿童节代码祝福六一儿童节代码祝福六一儿童节代码祝福.txt
- sql语句sql语句sql语句sql语句.txt
- ubuntu20.04安装教程ubuntu20.04安装教程.txt
- imgcache.0
- 高分项目基于faster-rcnn知识蒸馏的目标检测模型增量深度学习方法源码.zip
- 基于python和图数据库neo4j构建电影应用(高分毕设项目)
- 基于yolov5+SAHI模块完成超分辨率以及小目标检测演示源码+运行说明.zip
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功