搭建小程序开发环境

npm慢的话，可安装nrm切换镜像源。
nrm是npm的镜像源管理工具，可在 npm 源间切换
npm install -g nrm，全局安装nrm
nrm ls
nrm use taobao
nrm add registry http://registry.npm.frp.trmap.cn/

1. 注册小程序
   https://mp.weixin.qq.com/

2. 下载安装开发者工具

   
   image.png
   image.png
3. 安装完后可以创建项目，输入你的appId(小程序ID，在设置里面)

4. 开通云服务

   
   image.png
5. 下载myvue代码和服务端代码

• 用微信公众号登陆，用你开通的小程序账号扫码登陆
  https://console.cloud.tencent.com/lav2/dev
• 前端用mpvue
  http://mpvue.com/mpvue/quickstart.html

# 1. 先检查下 Node.js 是否安装成功
$ node -v
v8.9.0

$ npm -v
5.6.0

# 2. 由于众所周知的原因，可以考虑切换源为 taobao 源
$ npm set registry https://registry.npm.taobao.org/

# 3. 全局安装 vue-cli
# 一般是要 sudo 权限的
$ npm install --global vue-cli@2.9

# 4. 创建一个基于 mpvue-quickstart 模板的新项目
# 新手一路回车选择默认就可以了
$ vue init mpvue/mpvue-quickstart my-project

# 5. 安装依赖，走你
$ cd my-project
$ npm install
$ npm run dev

6. 把下载下来的服务端代码中的server文件夹拷贝到前端代码中

• 修改项目配置 "qcloudRoot": "./server/"
• 显示开发者工具中的腾讯云
• 点击腾讯云，上传测试代码
• 第一次选择模块上传，勾选下面的勾勾，之后选择智能上传

image.png
image.png
image.png
image.png
image.png
image.png
image.png

至此：腾讯云开发环境已经开通。

---

下面，搭建本地mysql环境，不然服务端代码的更新，每次都要上传才能看效果。

1. 安装 brew
   https://brew.sh/index_zh-cn.html

2. 安装mysql
   brew install mysql

3. 启动mysql，创建库

mysql.server start
mysql -uroot -p
create database cAuth;

4. 配置服务端代码
   https://console.cloud.tencent.com/cam/capi
   新建密钥会生成

appId //这里是腾讯云的appId,不是小程序的
SecretId
SecretKey

server/config.js

const CONF = {
    // 本地搭建环境
    serverHost: 'localhost',
    tunnelServerUrl: '',
    tunnelSignatureKey: '27fb7d1c161b7ca52d73cce0f1d833f9f5b5ec89',
    // 腾讯云相关配置可以查看云 API 秘钥控制台：https://console.cloud.tencent.com/capi
    qcloudAppId: '', //腾讯云的appId
    qcloudSecretId: ',
    qcloudSecretKey: ',
    wxMessageToken: 'weixinmsgtoken',
    networkTimeout: 30000,

    .....

    mysql: {
        host: 'localhost',
        port: 3306,
        user: 'root',
        db: 'cAuth',
        pass: '123456',
        char: 'utf8mb4'
    },

5. 进入服务端代码

// 进入server端代码
cd my-project
cd server
npm install
node tools/initdb.js

报错，起因：mysql8.0加密方式的原因报错

image.png

解决：

mysql> use mysql
mysql> alter user 'root'@'localhost' identified with mysql_native_password by '123456';
mysql> flush privileges;
mysql> use cAuth;
mysql> show tables;

image.png

6. 安装nodemon
   npm install -g nodemon
   之后部署上线的时候才会用到腾讯云了
   7.启动server端项目

npm run dev
浏览器访问 http://localhost:5757/weapp/test
自己写的接口有数据返回啦

image.png
image.png
image.png