nodeexpress搭建简单服务器后台

 需要使用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中渲染所需要的数据 变量名.需要值

效果

  

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值