需要使用git当做命令工具
1>新建一个服务器文件夹和客户端文件夹 server服务器端和client//微信小程序
server文件夹中打开git 输入
npm init -y
初始化服务器
npm install express --save
打开package.json文件
在server文件夹中新建入口文件 index.js 注意编码始终保持utf-8
在index.js文件中添加
var express =require("express") //引入express模块
var path =require("path") //路径模块引入
var app =express() //框架实例化
app.use(express.static(path.join(__dirname,"www")))//设置用户访问文件默认页面为 index.html
.listen(3000,function(err){
if(err)throw err
console.log("运行正常 地址为:http://localhost:3000")
})
在server文件夹中新建文件夹www并在该文件夹中新建index.html文件
在index.html文件中写入原生代码
在www文件下加入页签图标文件即扩展名为某某.ico的图标
在www文件夹下新建api文件夹
在api文件夹中写入json文件
json文件中以key value的形式封装一个对象
Eg: {"图片":"value.png","文字":"字符型"}
在git中使用命令 node index.js运行服务器
服务器启动成功后,在网址栏目输入地址访问json文件时输入本地地址目录地址api文件夹下的
json文件 http://localhost:3000/api/text.json
二,微信小程序端
client目录即小程序的工作目录
在需要接收后台数据的页面中//微信开发者工具
js文件的data中命名一个变量用于接收数据渲染,和api赋值服务器的json文件的地址
js文件中创建一个函数用于接收数据用wx.request api方法
在onshow生命周期函数中调用
如果调用成功appdata中会接收到json文件中的数据
根据数据在wxml中渲染所需要的数据 变量名.需要值
效果