微信小程序如何搭載node.js服務(wù)器

這篇文章主要介紹了微信小程序如何搭載node.js服務(wù)器的相關(guān)知識(shí)，內(nèi)容詳細(xì)易懂，操作簡單快捷，具有一定借鑒價(jià)值，相信大家閱讀完這篇微信小程序如何搭載node.js服務(wù)器文章都會(huì)有所收獲，下面我們一起來看看吧。

1.node.js

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

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ù)
}

關(guān)于“微信小程序如何搭載node.js服務(wù)器”這篇文章的內(nèi)容就介紹到這里，感謝各位的閱讀！相信大家對(duì)“微信小程序如何搭載node.js服務(wù)器”知識(shí)都有一定的了解，大家如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道。