微信小程序搭載node.js服務器的簡單教程
此文章用到的是用node.js搭載的服務器！
1.node.js
檢測電腦是否安裝node.js，可以用【 cmd/Power shell 】命令檢測，也可以用【git-bash】，這里就用git-bash進行演示，沒有git-bash可以安裝一下。
node -v
如果有對應的版本號即為已經安裝完成！
未安裝的附上鏈接了：
node.js安裝 ： Download | Node.js 或點擊這里下載
Git-Bash：Git - Downloads 或 點擊這里下載
2.微信小程序
在微信開發(fā)者工具中，創(chuàng)建一個微信小程序，在創(chuàng)建微信小程序的目錄下新建一個文件夾，命名為【server】表示我們的服務器，然后打開文件夾，右鍵鼠標點擊如圖
打開后分別輸入以下命令
（1）初始化項目，將會自動創(chuàng)建package.json配置文件
npm init -y
（2）安裝Express框架，用于快速搭建HTTP服務器
npm install express --save
（3）安裝nodemon監(jiān)控文件修改
npm install nodemon -g
執(zhí)行完上述命令之后，在該目錄下創(chuàng)建一個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)
})
//監(jiān)聽3000端口
app.listen(3000,()=>{
console.log('server running | http://127.0.0.1:3000')
})在剛剛的【Git-Bash-Here】中輸入如下命令
nodemon index.js
有以上效果，則表示已經啟動成功了。
3.發(fā)送請求
如何發(fā)送請求，假設我們?yōu)辄c擊這個事件【bindtap="play"】進行一個數(shù)據(jù)請求，在微信小程序項目中的【.js】文件中編寫代碼
play:function(e){
wx.request({
//請求方式(大小寫皆可，不寫默認為GET請求)
method:'GET',
//服務器接口地址
url:'http://127.0.0.1:3000/',
//data表示請求的參數(shù)
data:e.detail.value,
//接口調用成功的回調函數(shù)
//res表示服務器響應信息
success:function(res){
console.log(res)
}
})
}4.data數(shù)據(jù)存放在服務端
在微信小程序項目當中我們會在【.js】文件中定義data數(shù)據(jù)，那么我們現(xiàn)在將data數(shù)據(jù)放入到我們的服務端中去
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ù)
}總結
到此這篇關于微信小程序搭載node.js服務器的文章就介紹到這了,更多相關微信小程序搭載node.js服務器內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！
相關文章
windows使用nvm對node進行版本管理切換的完整步驟
這篇文章主要介紹了windows使用nvm對node進行版本管理切換的完整步驟,在使用之前各位務必卸載掉自己安裝過的nvm或者node版本包括環(huán)境變量之類的,要保證自己的電腦完全沒有node環(huán)境,需要的朋友可以參考下2024-03-03
這篇文章主要介紹了nodejs一個簡單的文件服務器的創(chuàng)建方法，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-09-09
本篇文章主要介紹了使用vs code開發(fā)Nodejs程序的使用方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-09-09
本文是小編在網絡上整理的關于垃圾回收器的相關知識點，很多語言和程序都用的到，有興趣的可以學習下。2018-05-05
這篇文章主要介紹了node(koa2) web應用模塊介紹詳解，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-03-03
這篇文章主要介紹了為什么node.js不適合大型項目，想了解node.js的同學，可以參考一下2021-04-04
nodejs發(fā)送http請求時遇到404長時間未響應的解決方法
這篇文章主要為大家詳細介紹了nodejs發(fā)送http請求時遇到404長時間未響應的解決方法2017-12-12
Vue+Node服務器查詢Mongo數(shù)據(jù)庫及頁面數(shù)據(jù)傳遞操作實例分析
這篇文章主要介紹了Vue+Node服務器查詢Mongo數(shù)據(jù)庫及頁面數(shù)據(jù)傳遞操作,結合實例形式分析了node.js查詢MongoDB數(shù)據(jù)庫及vue前臺頁面渲染等相關操作技巧,需要的朋友可以參考下2019-12-12
這篇文章主要介紹了Node.js的Express框架使用上手指南,Express可以說是目前Node世界中人氣最高的開發(fā)框架,需要的朋友可以參考下2016-03-03
這篇文章主要介紹了NodeJs生成sitemap站點地圖的方法示例，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-06-06