此文章用到的是用node.js搭載的服務(wù)器！

1.node.js

檢測電腦是否安裝node.js，可以用【 cmd/Power shell 】命令檢測，也可以用【git-bash】，這里就用git-bash進(jìn)行演示，沒有g(shù)it-bash可以安裝一下。

node -v

如果有對應(yīng)的版本號即為已經(jīng)安裝完成！

未安裝的附上鏈接了：

node.js安裝 ：?Download | Node.js

Git-Bash：Git - Downloads

2.微信小程序

在微信開發(fā)者工具中，創(chuàng)建一個(gè)微信小程序，在創(chuàng)建微信小程序的目錄下新建一個(gè)文件夾，命名為【server】表示我們的服務(wù)器，然后打開文件夾，右鍵鼠標(biāo)點(diǎn)擊如圖

打開后分別輸入以下命令

（1）初始化項(xiàng)目，將會(huì)自動(dòng)創(chuàng)建package.json配置文件

npm init -y

（2）安裝Express框架，用于快速搭建HTTP服務(wù)器

npm install express --save

（3）安裝nodemon監(jiān)控文件修改

npm install nodemon -g

執(zhí)行完上述命令之后，在該目錄下創(chuàng)建一個(gè)index.js文件，同時(shí)編寫以下代碼

const express = require('express')
const bodyParser = require('body-parser')
const app = express()
app.use(bodyParser.json())

//處理POST請求
app.post('/',(req,res)=>{
    console.log(req.body)
    res.json(req.body)
})
//處理GET請求
app.get('/',(req,res)=>{
    console.log(req.body)
    res.json(req.body)
})

//監(jiān)聽3000端口
app.listen(3000,()=>{
    console.log('server running | http://127.0.0.1:3000')
})

在剛剛的【Git-Bash-Here】中輸入如下命令

nodemon index.js

?有以上效果，則表示已經(jīng)啟動(dòng)成功了。

3.發(fā)送請求

如何發(fā)送請求，假設(shè)我們?yōu)辄c(diǎn)擊這個(gè)事件【bindtap="play"】進(jìn)行一個(gè)數(shù)據(jù)請求，在微信小程序項(xiàng)目中的【.js】文件中編寫代碼

play:function(e){
    wx.request({
    //請求方式(大小寫皆可，不寫默認(rèn)為GET請求)
    method:'GET',
    //服務(wù)器接口地址
    url:'http://127.0.0.1:3000/',
    //data表示請求的參數(shù)
    data:e.detail.value,
    //接口調(diào)用成功的回調(diào)函數(shù)
    //res表示服務(wù)器響應(yīng)信息
    success:function(res){
        console.log(res)
    }
})
}

4.data數(shù)據(jù)存放在服務(wù)端

?在微信小程序項(xiàng)目當(dāng)中我們會(huì)在【.js】文件中定義data數(shù)據(jù)，那么我們現(xiàn)在將data數(shù)據(jù)放入到我們的服務(wù)端中去

const express = require('express')
const bodyParser = require('body-parser')
const app = express()
app.use(bodyParser.json())

app.get('/', (req, res) => {
  // console.log(req.body)
  res.json(data)
})

app.listen(3000, () => {
  console.log('server running at http://127.0.0.`1:3000')
})

var data = {
    //存放你的data數(shù)據(jù)
}

?

文章來源地址http://www.zghlxwxcb.cn/news/detail-404270.html

到了這里，關(guān)于微信小程序搭載node.js服務(wù)器（簡）的文章就介紹完了。如果您還想了解更多內(nèi)容，請?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！