---下载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 文件写入。
import config from './config'
export default {
created () {
wx.request({
url: config.host + '/weapp/demo',
success: function (res) {
console.log(res)
}
})
console.log('小程序启动了')
}
}
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 文件改为
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('小程序启动了')
}
}