1).登录微信公众平台 , 登录进入设置选项
2).选择开发者工具后点击腾讯云
3).点击进入腾讯云后如图会有两种情况

1.jpg

4).新用户可以看到教程,已经开通的用户看到的可能是下图的界面

2.jpg
5).不管新用户还是老用户, 我们点击资源下载里面的Node.js Demo , 把它下载到本地
3.jpg
6).下载到本地之后,把server这个文件夹copy下来, 粘贴到你自己的项目的根目录下面 4.jpg

7).然后使用你的编辑器打开你的项目,然后在project.config.json这个配置文件里面添加一个字段 ,"qcloudRoot": "server/", ! 8.jpg

8).然后使用微信开发者工具打开你的项目,然后点击开发者工具右上角的腾讯云图标 5.jpg

假如没有这个选项的话,可以找到工具 - 工具栏管理 - 自定义工具栏 找到腾讯云勾选上即可!

9).点击选择上传测试代码! 9.jpg
10).点击后第一次上传测试代码的同学建议选择模块上传,把底下的都勾选上,然后等待上传结束即可!之后我们每次修改代码后上传就选择智能上传 10.jpg
10).测试部署是否成功，点击右上角详情，点击腾讯云状态，可以看到一系列的开发环境信息，
12.jpg

11）.接下来我们测试下后台代码是否有效 ， 打开编辑器，进入server文件的routes文件夹里面点击index.js ， 定义一个路由跳转到demo页面 ， 然后再controllers文件夹新建一个demo.js文件，返回一些数据，然后我们打开浏览器打开看看能否打印数据

复制开发环境地址，后面记得要加weapp路径，因为在routes文件里面index.js设置了路由的前缀 15.jpg 16.jpg

所以整体的路由应该是如图那样，返回了数据，证明我们的开发环境部署成功 17.jpg

但是我们有个问题，就是我们没一次修改代码后都需要上传，导致很浪费开发时间，所以我们可以搞一个本地开发环境

我这里采用phpstudy ，启动mysql ， 然后打开我们的代码，在server的cofing.js中添加字段：

serverHost: 'localhost',
tunnelServerUrl: '',
tunnelSignatureKey: '27fb7d1c161b7ca52d73cce0f1d833f9f5b5ec89',
// 腾讯云相关配置可以查看云 API 秘钥控制台：https://console.cloud.tencent.com/capi
qcloudAppId: '您的腾讯云 AppID',
qcloudSecretId: '您的腾讯云 SecretId',
qcloudSecretKey: '您的腾讯云 SecretKey',
wxMessageToken: 'weixinmsgtoken',
networkTimeout: 30000
然后把三个东西修改一下保存。

18.jpg

这三个东西，可以在这里找：
1.登录你的腾讯云控制台，点击右上角的个人信息，下拉列表中会有一个账号信息，可以查到腾讯云appid ，

2.SecretId和SecretKey这两个东西同样是在账号信息页面，点击账号权限的权限设置，点击后跳转页面，在左侧边栏中找到云API密钥，点击API密钥管理，就能找到你需要的这两个东西了，配置好这些之后，配置mysql ， 还是在cofing.js里面下拉找到mysql字段， 19.jpg
设置好之后，保存。
然后打开项目，点击进入server文件根目录， cmd命令行输入执行npm install 安装依赖， 然后依赖安装好之后，npm ininstall -g nodemon, 然后初始化数据库，输入命令 node tools/initdb.js , 最后 npm run dev，把服务器跑起来，然后进入项目的根目录，打开命令行执行npm rundev，然后在浏览器输入localhost:5757/weapp/demo
20.jpg

到此为止 ， 本地搭建开发环境就成功啦~

（项目部署上线，需要的一些东西）
如果没有腾讯云 , 或者你想使用阿里云或者其他的 , 首先需要node环境 , 然后要把自己的代码部署的时候 要用PM2管理下进程 , 然后再加上Nginx再加上https证书 , 最后再弄个mysql数据库, 腾讯云就相当于是把这一系列的步骤给打包了, 上线的时候可以购买他们的云服务, 而且免费提供开发环境, 开发的时候是免费的, 只有在上线的时候需要买个域名买台机器就可以了

本页内容由塔灯网络科技有限公司通过网络收集编辑所得，所有资料仅供用户学习参考，本站不拥有所有权，如您认为本网页中由涉嫌抄袭的内容，请及时与我们联系，并提供相关证据，工作人员会在5工作日内联系您，一经查实，本站立刻删除侵权内容。本文链接:https://www.dengtar.com/18096.html