共計 1628 個字符,預計需要花費 5 分鐘才能閱讀完成。
這篇文章主要介紹了微信小程序如何搭載 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 服務器”知識都有一定的了解,大家如果還想學習更多知識,歡迎關注丸趣 TV 行業資訊頻道。