nodeexpress搭建简单服务器后台

 需要使用git当做命令工具
     1>新建一个服务器文件夹和客户端文件夹 server服务器端和client//微信小程序

nodeexpress搭建简单服务器后台_第1张图片
 server文件夹中打开git  输入

 npm init -y

初始化服务器

nodeexpress搭建简单服务器后台_第2张图片
                                  

       npm install express --save

nodeexpress搭建简单服务器后台_第3张图片
       打开package.json文件
       在server文件夹中新建入口文件 index.js  注意编码始终保持utf-8

nodeexpress搭建简单服务器后台_第4张图片
       在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文件夹

nodeexpress搭建简单服务器后台_第5张图片

nodeexpress搭建简单服务器后台_第6张图片
 
       在api文件夹中写入json文件

nodeexpress搭建简单服务器后台_第7张图片
       json文件中以key value的形式封装一个对象

  Eg: {"图片":"value.png","文字":"字符型"}

nodeexpress搭建简单服务器后台_第8张图片
     
       在git中使用命令 node index.js运行服务器


       服务器启动成功后,在网址栏目输入地址访问json文件时输入本地地址目录地址api文件夹下的

json文件 http://localhost:3000/api/text.json

nodeexpress搭建简单服务器后台_第9张图片

二,微信小程序端

client目录即小程序的工作目录
        在需要接收后台数据的页面中//微信开发者工具


         js文件的data中命名一个变量用于接收数据渲染,和api赋值服务器的json文件的地址

nodeexpress搭建简单服务器后台_第10张图片
         js文件中创建一个函数用于接收数据用wx.request api方法
         在onshow生命周期函数中调用

nodeexpress搭建简单服务器后台_第11张图片
         如果调用成功appdata中会接收到json文件中的数据

nodeexpress搭建简单服务器后台_第12张图片
         根据数据在wxml中渲染所需要的数据 变量名.需要值

nodeexpress搭建简单服务器后台_第13张图片

效果

nodeexpress搭建简单服务器后台_第14张图片  

你可能感兴趣的:(小程序原生,后端操作等,服务器,运维)