开发环境配置

---下载server

https://console.qcloud.com/lav2/dev   //腾讯开发环境后台

资源下载-》node.js demo 

复制server 文件夹到项目中

打开project.config.json  文件 在“miniprogramRoot": ".dist/", 下加一行，

“qcloudRoot": "./server",  

***/project/server/router/index.js  加入

  router.get('/demo', controllers.demo)

***/server/controllers  文件夹下新建文件 demo.js

          module.exports = async (ctx)=>{

                   ctx.state.data = {

                           msg: 'hello 小程序后台'

                    }

             }

5-3 腾讯云后台本地开发环境搭建

         本地安装mysql 

           指南https://cloud.tencent.com/document/product/619/11442    //本地如何搭建开发环境。

***／server/config.js   粘贴下面代码

         constCONF = {

                 // 其他配置 ...

             serverHost:'localhost',

              tunnelServerUrl:'',                                       tunnelSignatureKey:'27fb7d1c161b7ca52d73cce0f1d833f9f5b5ec89',

          // 腾讯云相关配置可以查看云 API 秘钥控制台     //ttps://console.cloud.tencent.com/capiqcloudAppId:'您的腾讯云 AppID',     qcloudSecretId:'您的腾讯云 SecretId', qcloudSecretKey:'您的腾讯云 SecretKey', wxMessageToken:'weixinmsgtoken', networkTimeout:30000}

   alias mysql=/usr/local/mysql/bin/mysql    //  进入mysql  

    mysql -u root -p 

   create database cAuth;          //新建cAuth数据库

在终端 cd my-project/server 

   npm install      //安装依赖

  node tools/initdb.js          //初始化表单

   sudo npm install -g nodemon   //修改代码免重启服务器

5-7 项目初始化页面，底部导航

https://developers.weixin.qq.com/miniprogram/dev/framework/config.html

配置示例：

5-8 代码封装。

    src 文件下创建 文件

     1.config.js    //配置项

const host = 'http://localhost:5757'

const config = {

    host

}

export default config

2.util.js     //工具函数库

3 . 在src/ app.vue 文件写入。

<script>

import config from './config'

export default {

  created () {

    wx.request({

      url: config.host + '/weapp/demo',

      success: function (res) {

        console.log(res)

      }

    })

    console.log('小程序启动了')

  }

}

</script>

4. 用ansyn 和await  封装

util.js 文件加入

// 工具函数库

import config from './config'

export function get(url){

    return new Promise((reslove, reject) =>{

        WX.request({

            url: config.host+url,

            success: function(res){

                if(res.data.code==0){

                    resolve(res.data.data)

                }else{

                    reject(res.data)

                }

            }

        })

    })

}

src/ app.vue 文件改为

<script>

import {get} from './util'

export default {

  async created () {

    const res = await get('/weapp/demo')

    console.log(123, res)

    // wx.request({

    //  url: config.host + '/weapp/demo',

    //  success: function (res) {

    //    console.log(res)

    //  }

    // })

    console.log('小程序启动了')

  }

}

</script>