微信小程序——使用node.js编写api接口

一直使用别人的api接口总觉得怪不好意思的,今天终于想起来研究自己的api接口
研究了一下发现用node.js来开发api接口发现挺简单的

小程序端

首先建立个空白项目或者空白页面的js页面
index.js

Page({
  onLoad: function (options) {
    wx.request({
      url: 'http://127.0.0.1:3000',
      success:function(res1){
        console.log("原始:")
        console.log(res1.data)
      }
    })
    wx.request({
      url: 'http://127.0.0.1:8002',
      success: function (res2) {
        console.log("Express:")
        console.log(res2.data)
      }
    })
  },
})

这里请求的是本机的3000和8002端口,3000端口是用原始代码写的,8002端口使用express框架写的

node.js端

原始代码写法:
const http = require('http')
const url = require('url')
var comments = [
    {
        name:'张三',
        message:'我是张三!',
        dateTime:'2019-10-25'
    },
    {
        name:'李四',
        message:'我是李四!',
        dateTime:'2019-10-25'
    },
    {
        name:'王五',
        message:'我是王五!',
        dateTime:'2019-10-25'
    },
    {
        name:'小全',
        message:'我是小全同学!',
        dateTime:'2019-10-25'
    }
]
var jjson = JSON.stringify(comments)
http.createServer(function (req,res) {
    var pathname = url.parse(req.url).pathname
    console.log(pathname)
    if(pathname == '/'){
        res.end(jjson)
    }
}).listen(3000)
console.log("http://127.0.0.1:3000")

此时通过浏览器访问发现中文处出现了乱码,原因是编码问题,但是不影响小程序使用,所以没左处理

express框架写法:

要使用express框架就要先安装该模块,安装方法:
在命令行cd到你的文件目录,通过命令安装

npm install express --save

app.js代码

var express = require('express')
var app = express()
var comments = [
    {
        name:'张三',
        message:'我是张三!',
        dateTime:'2019-10-25'
    },
    {
        name:'李四',
        message:'我是李四!',
        dateTime:'2019-10-25'
    },
    {
        name:'王五',
        message:'我是王五!',
        dateTime:'2019-10-25'
    },
    {
        name:'小全',
        message:'我是小全同学!',
        dateTime:'2019-10-25'
    }
]
app.listen(8002)
app.get('/',function(req,res) {
    res.json(comments)
})
console.log("http://127.0.0.1:8002")

通过express框架写好的服务端用浏览器打开发现中文处并没有乱码,果然还是使用框架好

效果图

将写好的两个node.js代码启动
在小程序端能看到
效果图

  • 11
    点赞
  • 96
    收藏
    觉得还不错? 一键收藏
  • 6
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 6
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值