微信小程序如何搭載node.js服務器

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

1.node.js

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

2.微信小程序

在微信開發者工具中，創建一個微信小程序，在創建微信小程序的目錄下新建一個文件夾，命名為【server】表示我們的服務器，然后打開文件夾，右鍵鼠標點擊如圖

打開后分別輸入以下命令

（1）初始化項目，將會自動創建package.json配置文件

npm init -y

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

npm install express --save

（3）安裝nodemon監控文件修改

npm install nodemon -g

執行完上述命令之后，在該目錄下創建一個index.js文件，同時編寫以下代碼

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)
})
 
//監聽3000端口
app.listen(3000,()=>{
    console.log('server running | http://127.0.0.1:3000')
})

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

nodemon index.js

 有以上效果，則表示已經啟動成功了。

3.發送請求

如何發送請求，假設我們為點擊這個事件【bindtap="play"】進行一個數據請求，在微信小程序項目中的【.js】文件中編寫代碼

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

4.data數據存放在服務端

 在微信小程序項目當中我們會在【.js】文件中定義data數據，那么我們現在將data數據放入到我們的服務端中去

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數據
}

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