配置node服務(wù)器并且鏈接微信公眾號(hào)接口配置

配置node服務(wù)器

在購買好服務(wù)器后，用Xshell鏈接到服務(wù)器。

1、安裝nvm

curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.34.0/install.sh | bash或者wget -qO- https://raw.githubusercontent.com/nvm-sh/nvm/v0.34.0/install.sh | bash復(fù)制代碼

安裝完，關(guān)閉重新啟動(dòng)一下Xshell。

2、用nvm安裝node

// 查看當(dāng)前可安裝node版本nvm ls-remote// 選擇'nodejs.org'官網(wǎng)LTS穩(wěn)定版本nvm install v10.16.0// 出現(xiàn)這樣的顯示表示安裝好了，默認(rèn)的是v10.16.0的node版本，6.9.0的npm版本Now using node v10.16.0 (npm v6.9.0)Creating default alias: default -> v10.16.0// 可以使用命令查看版本node --version // nvm可以安裝多個(gè)node版本nvm install v10.11.0// 可以使用命令查看安裝了多少個(gè)node版本nvm ls// 可以使用命令指定默認(rèn)的node版本，如果安裝了多個(gè)node版本，一定要指定一個(gè)默認(rèn)的版本nvm alias default v10.11.0// 如果你不想使用默認(rèn)，只是零時(shí)用一下，可以使用命令nvm use v10.11.0復(fù)制代碼

3、安裝nginx

// 查看服務(wù)器系統(tǒng)版本$ cat /etc/redhat-release // 安裝epel-release 源yum install epel-release -y// 打開源配置vim /etc/yum.repos.d/nginx.repo// 在配置中設(shè)置nginx安裝源，具體可以參考nginx官網(wǎng)文檔('http://nginx.org/en/linux_packages.html#stable')[nginx]name=nginx repobaseurl=http://nginx.org/packages/centos/7/$basearch/gpgcheck=0enabled=1// 安裝nginxyum install nginx -y// 查看nginx是否安裝成功，成功的話會(huì)顯示路徑 whereis nginx復(fù)制代碼

4、設(shè)置nginx

// 設(shè)置開機(jī)啟動(dòng)systemctl enable nginx// 啟動(dòng)服務(wù)，重啟是'systemctl restart nginx'，停止是 'stop'systemctl start nginx// 重新加載，因?yàn)橐话阒匦屡渲弥?#xff0c;不希望重啟服務(wù)，這時(shí)可以使用重新加載systemctl reload nginx// 查看服務(wù)器狀態(tài)systemctl status nginx// 如果CentOS7 系統(tǒng)打開了防火墻，還需打開防火墻端口firewall-cmd --zone=public --permanent --add-service=httpsudo firewall-cmd --reloadfirewall-cmd --list-service// 如果要使用反向代理，CentOS7 需要打開網(wǎng)絡(luò)訪問權(quán)限setsebool httpd_can_network_connect 1復(fù)制代碼

5、部署測試項(xiàng)目

// 創(chuàng)建文件夾mkdir server// 進(jìn)入文件夾cd server// 創(chuàng)建js文件vim home.js// 編寫測試代碼，注意，這里的ip地址一定要配置成0.0.0.0，如果配置成127.0.0.1，外網(wǎng)會(huì)報(bào)錯(cuò)端口3000鏈接不通const http = require('http');const hostname = '0.0.0.0';const port = 3000;const server = http.createServer((req, res) => { res.statusCode = 200; res.setHeader('Content-Type', 'text/plain'); res.end('Hello World');});server.listen(port, hostname, () => { console.log(`服務(wù)器運(yùn)行在 http://${hostname}:${port}/`);});// 啟動(dòng)node home.js// 如果報(bào)錯(cuò)'Unhandled 'error' event'，可能是端口被占用了，先查看端口占用情況ps -ef|grep node// 如果有占用，刪除占用，'xxxx'為'root'后的數(shù)字skill -9 xxxxx復(fù)制代碼

出現(xiàn)：服務(wù)器運(yùn)行在 http://0.0.0.0:3000/ 即表示node運(yùn)行成功，運(yùn)行成功后，登錄阿里云后臺(tái)配置安全組規(guī)則

配置成功如下顯示：

允許自定義 TCP3000/3000IPv4地址段訪問0.0.0.0/0 node后臺(tái)端口復(fù)制代碼

然后就可以在瀏覽器地址欄輸入你的服務(wù)器公網(wǎng)ip地址加上:3000，成功出現(xiàn)Hello World即表示安全組配置成功

6、配置nginx

// 進(jìn)入 '/etc/nginx' 文件夾，查看下 'nginx.conf' 配置文件cd /etc/nginxlsvim nginx.conf// 低版本的nginx 'nginx.conf' 文件夾里有以下內(nèi)容// # include /etc/nginx/conf.d/*.conf;// # include /etc/nginx/sites-enabled/*;// 去掉 '#' 號(hào)// 創(chuàng)建nginx配置文件，文件名隨意，我一般喜歡用項(xiàng)目名加端口號(hào)，比如 'wxServer-3000'vim /etc/nginx/conf.d/wxServer-3000.conf// 編寫配置文件代碼# 項(xiàng)目名字upstream wxServer { # 需要代理的node端口號(hào)，也就是你寫的端口號(hào) server 0.0.0.0:3000; # nginx最大連接數(shù) keepalive 8;}# nginx服務(wù)器實(shí)例server { # 代理出去的端口號(hào)，默認(rèn)Http協(xié)議的80端口，如果配置其它端口需要更改 SELinux 的設(shè)置 listen 0.0.0.0:80; # 別人訪問的域名或者ip地址，多個(gè)用空格隔開 server_name lzf.fun www.lzf.fun; # 錯(cuò)誤日志存放地址 access_log /var/log/nginx/wxServer-3000.log; location / { proxy_set_header X-Real-IP $remote_addr; proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; proxy_set_header Host $http_host; proxy_set_header X-NginX-Proxy true; # proxy_pass 設(shè)置反向代理用服務(wù)器域名，不使用反向代理，直接用上面upstream的名字就可以了 proxy_pass http://wxServer/; proxy_redirect off; } } // 保存配置文件后，檢查是否編寫錯(cuò)誤nginx -t // 出現(xiàn)以下內(nèi)容為正確nginx: the configuration file /etc/nginx/nginx.conf syntax is oknginx: configuration file /etc/nginx/nginx.conf test is successful// 重新加載nginx服務(wù)器systemctl reload nginx// 在阿里云后臺(tái)開啟80端口的安全組，然后在瀏覽器輸入域名，可以看到 'Hello World' 就表示nginx配置成功了復(fù)制代碼

7、配置PM2

// 安裝PM2npm install pm2 -g// 進(jìn)入你的node項(xiàng)目存放的文件夾，pwd是你的文件夾路徑cd pwd// 啟動(dòng)pm2，--watch監(jiān)聽，每次改動(dòng)代碼自動(dòng)啟動(dòng)，-i 1 啟動(dòng)一個(gè)實(shí)例，根據(jù)服務(wù)器又幾個(gè)核心設(shè)置// -i 0 則會(huì)根據(jù)機(jī)器當(dāng)前核數(shù)自動(dòng)開啟盡可能多的進(jìn)程pm2 start home.js --watch -i 1// 查看pm2pm2 ls// 查看錯(cuò)誤日志pm2 logs// 重啟pm2 restart home.js// 停止，id通過查看獲得pm2 stop home|id// 刪除pm2 delete home|id// 了解程序的詳細(xì)信息pm2 describe home|id// 關(guān)閉Xshell，刷新域名，還可以看見 'Hello World' 表示配置成功復(fù)制代碼

鏈接微信公眾號(hào)接口配置

8、編寫本地node代碼

const Koa = require('koa')const cors = require('koa2-cors')const Router = require('koa-router')const crypto = require('crypto')const app = new Koa()// 微信配置const config = { wechat: { appID: 'appID', appsecret: 'appsecret', token: 'Maya' }}// 使用koa2-cors解決跨域問題app.use( cors({ origin: ctx => { if (ctx.url === '/test') { return false } return '*' }, exposeHeaders: ['WWW-Authenticate', 'Server-Authorization'], maxAge: 5, credentials: true, allowMethods: ['GET', 'POST', 'DELETE'], allowHeaders: ['Content-Type', 'Authorization', 'Accept'] }))// 給微信驗(yàn)證的const wxServer = new Router()wxServer.get('/', async ctx => { const { signature, timestamp, nonce, echostr } = ctx.query const token = config.wechat.token let hash = crypto.createHash('sha1') const arr = [token, timestamp, nonce].sort() hash.update(arr.join('')) const shasum = hash.digest('hex') if (shasum === signature) { return (ctx.body = echostr) } ctx.status = 401 ctx.body = 'Invalid signature'})// 裝載所有路由const router = new Router()router.use('/forWx', wxServer.routes(), wxServer.allowedMethods())// 加載路由中間件app.use(router.routes()).use(router.allowedMethods())app.listen(3000)console.log('[demo] start-quick is starting at port 3000')復(fù)制代碼

9、通過內(nèi)網(wǎng)穿透的方式測試本地代碼是否ok

1、通過localtunnel啟動(dòng)內(nèi)網(wǎng)穿透，不推薦，有可能啟動(dòng)成功，但是域名鏈接失敗

// 安裝npm install -g localtunnel// 開啟本地服務(wù)器lt --port 3000復(fù)制代碼

2、通過natapp啟動(dòng)內(nèi)網(wǎng)穿透，配置需要花費(fèi)一點(diǎn)時(shí)間

可以通過內(nèi)網(wǎng)穿透工具natapp！這篇文章安裝配置，

如果你代碼寫的是開啟3000端口，那么最好也配置成3000端口

tips：如果看到隧道鏈接成功，但是127.0.0.1:3000端口鏈接失敗的提示，不代表安裝配置失敗，是需要你啟動(dòng)一下代碼

安裝配置成功后，啟動(dòng)

node home.js復(fù)制代碼

能夠成功在瀏覽器上看到 Invalid signature 表示內(nèi)網(wǎng)穿透成功

10、開啟一個(gè)微信公眾平臺(tái)測試賬號(hào)

在微信公眾平臺(tái)測試管理頁面，接口配置信息，URL填寫你natapp啟動(dòng)的域名加上forWx，比如我的域名是

http://qf7rja.natappfree.cc/forWx復(fù)制代碼

Token是你自己自定義的，可以隨便寫，但是要和你本地代碼里的Token一致，我這里用的是Maya

點(diǎn)擊提交，顯示配置成功

11、服務(wù)器鏈接微信公眾號(hào)接口配置

通過上面的測試賬號(hào)，驗(yàn)證了代碼沒有問題，可以配置成功接口配置，剩下的就是把代碼上傳到服務(wù)器了，安裝選擇rz和sz，當(dāng)然，使用xftp更好

// 安裝yum install lrzsz -y// 上傳，執(zhí)行命令，選擇打包文件rz// 下載，filename是你打包的服務(wù)器文件夾，或者單個(gè)文件sz filename復(fù)制代碼

上傳成功后，解壓縮，清除前面的 Hello World 代碼，清空 PM2 ，重新把現(xiàn)在代碼掛到 PM2 上

在瀏覽器上輸入域名 + forWx 能出現(xiàn) Invalid signature 表示成功，如果沒有出現(xiàn)，配置不成功，需要排查原因

在微信公眾平臺(tái)登錄賬號(hào)，選擇基本配置-->服務(wù)器配置，然后按照配置測試賬號(hào)的方式去配置

點(diǎn)擊提交，顯示配置成功

尾聲

噓~~~長出了一口氣，研究了老久，node服務(wù)器總算配置成功了，而且已經(jīng)鏈接到公眾號(hào)接口配置，并且我還有一個(gè)測試賬號(hào)

可以用測試賬號(hào)本地寫代碼，然后再上傳到服務(wù)器驗(yàn)證的方式去開發(fā)

這樣的做的原因是，測試賬號(hào)玩壞了不心疼，轉(zhuǎn)眼又弄好了一個(gè)，服務(wù)器玩壞了，配置起來可就麻煩了

剩下的就是開發(fā)具體業(yè)務(wù)了，什么拿到AccessToken啊，自動(dòng)回復(fù)消息啊，自定義菜單啊，等等等等

總結(jié)

以上是生活随笔為你收集整理的云服务器有token_配置node服务器并且链接微信公众号接口配置的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。