微信小程序从本地开发环境到线上测试环境和生产环境的配置

这篇文章是对慕课网mpvue实战项目视频过程中环境的配置的总结与更新（因为小程序文档时不时就更新）

项目源码：https://github.com/suhuashan/bookCommentSystem

如果对你有帮助，请赐给我star~. 视频如果需要可以私信我。

开发环境分为本地开发环境和线上开发环境。

为什么要在本地环境开发呢？其实也就是便于调试。

线上开发环境每次都得上传测试代码，比较繁琐。

本地开发环境配置：

配置 config.js

https://console.qcloud.com/lav2/dev

将 Demo 代码 clone 到本地，用编辑器打开 server/config.js 添加以下配置（CONF已经存在的代码不用理）：
const CONF = {// 其他配置 ...serverHost: 'localhost',tunnelServerUrl: '',tunnelSignatureKey: '27fb7d1c161b7ca52d73cce0f1d833f9f5b5ec89',// 腾讯云相关配置可以查看云 API 秘钥控制台：https://console.cloud.tencent.com/capiqcloudAppId: '您的腾讯云 AppID',qcloudSecretId: '您的腾讯云 SecretId',qcloudSecretKey: '您的腾讯云 SecretKey',wxMessageToken: 'weixinmsgtoken',networkTimeout: 30000
}
并修改 MySQL 相关的配置为您本地的 MySQL 数据库。

还是在server/config.js文件下修改一下配置：
    mysql: {host: 'localhost',port: 3306,user: '本地数据用户名',db: 'cAuth',          //这里的数据库名自拟pass: '本地数据密码',char: 'utf8mb4'}
我这里就不用Demo里面的client文件夹了，直接把Demo文件里面的server文件夹拷贝到mpvue的脚手架的根目录下。

然后配置客户端src/config.js
const host = 'http://localhost:5757'
最后，配置根目录下的project.config.json文件，做以下相应的配置：

这样，mpvue项目的本地开发环境配置完成·。

注：如果直接用线上开发环境的话，上面的这些步骤都可以省去。

当项目开发好后，想上传线上开发环境测试代码，需要进行以下配置。

服务端代码 sever/config.js:
const CONF = {// 其他配置 ...//serverHost: 'localhost',//tunnelServerUrl: '',//tunnelSignatureKey: '27fb7d1c161b7ca52d73cce0f1d833f9f5b5ec89',// 腾讯云相关配置可以查看云 API 秘钥控制台：https://console.cloud.tencent.com/capi//qcloudAppId: '您的腾讯云 AppID',//qcloudSecretId: '您的腾讯云 SecretId',//qcloudSecretKey: '您的腾讯云 SecretKey',//wxMessageToken: 'weixinmsgtoken',//networkTimeout: 30000// 微信小程序 App IDappId: '填写你的App ID',// 微信小程序 App SecretappSecret: '填写你的App Secre',// 是否使用腾讯云代理登录小程序useQcloudLogin: false,
}
把本地配置的代码注释，然后配置下面这三个选项即可。

如果useQcloundLogin: true没改成false，会出现以下错误：

https://github.com/tencentyun/wafer2-quickstart/issues/13

接着，打开微信开发者工具，点击右上角的详情，进入里面找到腾讯云状态：

复制这个线上开发环境请求域名，然后对客户端代码 src/config.js进行修改
// const host = 'http://localhost:5757'
const host = 'https://rmepknud.qcloud.la'
接着就是对线上数据库进行初始化：

https://console.qcloud.com/lav2/dev

将项目中用到的数据表进行创建。

最后，打开微信开发者工具，找到右上角腾讯云，点击上传测试代码

第一次上传，按照以下设置上传：

生产环境配置：

https://console.qcloud.com/lav2/production/initial

微信小程序从本地开发环境到线上测试环境和生产环境的配置相关推荐

微信小程序：本地开发环境和线上环境配置
在开发微信小程序的时候,需要配置: 本地开发环境体验预览环境审核版环境生产环境为了简化环境配置,我只区分了两个环境本地开发环境生产环境/体验预览环境审核版环境生产环境参考文档基础 /系 ...
3.1【微信小程序全栈开发课程】在本地搭建后端开发环境
第二章将前端页面的框架基本搭建好了,第三章,我们来做登录功能,登录功能需要在后端获取到用户信息,返回到前端.所以先来搭建后端开发环境 1.后端开发环境介绍我们的项目用的是前后端分离开发前端可以理解 ...
7.4【微信小程序全栈开发课程】小程序上线--基于Ubuntu搭建小程序运行环境
上一节我们安装了nginx和SSL证书,这一节继续来搭建小程序运行环境 1.配置nodeJs环境 (1)安装node.npm 我们云服务器是Ubuntu系统,通过apt-get安装即可 //下载nod ...
Uni-app开发微信小程序使用本地图片做背景图
Uni-app开发微信小程序使用本地图片做背景图 <view class="content" :style="{backgroundImage:'url(' + i ...
微信小程序云函数开发环境 node.js的安装参考
微信小程序云函数开发环境 node.js的安装参考下载:nvm-windows 下载下图安装包,地址在: https://github.com/coreybutler/nvm-windows/rel ...
3.2【微信小程序全栈开发课程】登录功能（一）--实现登录功能
在本地搭建好后端环境之后,我们来实现登录功能 1.安装SDK插件 SDK插件用来获取用户的openId SDK是server端(也就是后端)的插件,帮助我们很容易的获取openId.openId是微信 ...
怎么搭建微信小程序的本地测试服务器
Windows环境下手把手教你搭建Windows环境微信小程序的本地测试服务器问题的提出 Mac环境方便快捷地搭建小程序的测试服务器小程序对于网络请求的URL的特殊要求不能出现端口号不能用 ...
小程序-本地环境搭建-线上测试搭建-线上正式环境搭建
本地环境搭建本地环境只能自己测试小程序的url设置为localhost.127.0.0.1.或者xxx.xxx.com/api (需要配置hosts)都可以,本地的地址,不需要在小程序后台配置,l ...
微信小程序服务端开发遇到的一些坑
微信小程序服务端开发遇到的一些坑开发环境问题集合小程序不支持基于进入客服事件推送消息小程序不支持永久素材 RestTemplate无法解析上传图片素材的返回 tips 其他小问题开发环境基 ...

微信小程序从本地开发环境到线上测试环境和生产环境的配置

微信小程序从本地开发环境到线上测试环境和生产环境的配置相关推荐

最新文章

热门文章