构建小程序开发环境

如果npm速度慢，请安装nrm以切换图像源。

Nrm是npm的图像源管理工具，可以在npm源之间切换

npm安装-g nrm，全局安装nrm

nrm ls公司

nrm使用淘宝

nrm添加注册表

注册小程序

下载并安装开发人员工具

图像.png

图像.png

安装后，您可以创建一个项目并在设置中输入appId（小程序ID）

激活云服务

图像.png

下载myvue代码和服务器代码

用微信公众号登录，用您打开的小程序账号扫码

前端MPvue

#1.首先检查节点js是否安装成功

$节点-v

第8.9.0版

$npm-v

5.6.0

#2.出于众所周知的原因，您可以考虑将源切换到tao源

$npm设置注册表https://registry.npm.taobao.org/

#3.全局安装vue cli

#通常，需要sudo权限

$npm安装--全局vue-cli@2.9

#4.基于mpvue快速启动模板创建新项目

#新手可以在一路返回时选择默认值

$vue init mpvue/mpvue快速启动我的项目

#5.安装取决于您

$cd我的项目

$npm安装

$npm运行开发

将下载的服务器代码中的服务器文件夹复制到前端代码

修改项目配置“qcloudRoot”：“./server/”

在开发者工具中显示腾讯云

点击腾讯云上传测试代码

首次选择模块上传，选中以下框，然后选择智能上传

图像.png

图像.png

图像.png

图像.png

图像.png

图像.png

图像.png

至此，腾讯云开发环境已经上线。

接下来，设置本地MySQL环境。否则，每次都必须上传服务器代码更新才能看到效果。

安装brew

安装MySQL

brew安装mysql

启动MySQL并创建库

mysql。服务器启动

mysql-uroot-p

创建数据库cAuth；

配置服务器代码

将生成新密钥

AppId//这是腾讯云的AppId，不是小程序

机密Id

机密密钥

服务器/config.js

常量形态={

//当地施工环境

serverHost:'localhost'，

tunnelServerUrl:“”，

隧道签名密钥：“27fb7d1c161b7ca52d73cce0f1d833f9f5b5ec89”，

//您可以查看腾讯云相关配置的云API密钥控制台：https://console.cloud.tencent.com/capi

QcloudAppId:“”，//腾讯云的appId

qcloudSecretId:'，

qcloudSecretKey:'，

wxMessageToken:“weixinmsgtoken”，

网络超时：30000，

.....

mysql：{

host:'localhost'，

端口：3306，

用户：'root'，

数据库：“cAuth”，

通过：“123456”，

字符：'utf8mb4'

},

输入服务器代码

//输入服务器代码

cd我的项目

cd服务器

npm安装

节点工具/initdb.js

由于mysql8.0加密方法，报告了一个错误

图像.png

解决：

mysql>使用mysql

mysql>通过“123456”更改用户“root”@“localhost”，该用户用mysql_ native_ password标识；

mysql>刷新权限；

mysql>使用cAuth；

mysql>显示表格；

图像.png

安装nodemon

npm安装-g节点程序

在线部署时将使用腾讯云

7.启动服务器项目

npm运行开发

浏览器访问http://localhost:5757/weapp/test

我自己编写的接口返回了数据

图像.png

图像.png

图像.png