配置node服务器

在购买好服务器后,用Xshell链接到服务器。

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
复制代码

安装完,关闭重新启动一下Xshell

2、用nvm安装node

// 查看当前可安装node版本
nvm ls-remote// 选择'nodejs.org'官网LTS稳定版本
nvm install v10.16.0// 出现这样的显示表示安装好了,默认的是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可以安装多个node版本
nvm install v10.11.0// 可以使用命令查看安装了多少个node版本
nvm ls// 可以使用命令指定默认的node版本,如果安装了多个node版本,一定要指定一个默认的版本
nvm alias default v10.11.0// 如果你不想使用默认,只是零时用一下,可以使用命令
nvm use v10.11.0
复制代码

3、安装nginx

// 查看服务器系统版本
$ cat /etc/redhat-release // 安装epel-release 源
yum  install epel-release -y// 打开源配置
vim /etc/yum.repos.d/nginx.repo// 在配置中设置nginx安装源,具体可以参考nginx官网文档('http://nginx.org/en/linux_packages.html#stable')
[nginx]
name=nginx repo
baseurl=http://nginx.org/packages/centos/7/$basearch/
gpgcheck=0
enabled=1// 安装nginx
yum install nginx -y// 查看nginx是否安装成功,成功的话会显示路径whereis nginx
复制代码

4、设置nginx

// 设置开机启动
systemctl enable nginx// 启动服务,重启是'systemctl restart nginx',停止是 'stop'
systemctl start nginx// 重新加载,因为一般重新配置之后,不希望重启服务,这时可以使用重新加载
systemctl reload nginx// 查看服务器状态
systemctl status  nginx// 如果CentOS7 系统打开了防火墙,还需打开防火墙端口
firewall-cmd --zone=public --permanent --add-service=http
sudo firewall-cmd --reload
firewall-cmd --list-service// 如果要使用反向代理,CentOS7 需要打开网络访问权限
setsebool httpd_can_network_connect 1
复制代码

5、部署测试项目

// 创建文件夹
mkdir server// 进入文件夹
cd server// 创建js文件
vim home.js// 编写测试代码,注意,这里的ip地址一定要配置成0.0.0.0,如果配置成127.0.0.1,外网会报错端口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\n');
});server.listen(port, hostname, () => {console.log(`服务器运行在 http://${hostname}:${port}/`);
});// 启动
node home.js// 如果报错'Unhandled 'error' event',可能是端口被占用了,先查看端口占用情况
ps -ef|grep node// 如果有占用,删除占用,'xxxx'为'root'后的数字
skill -9 xxxxx
复制代码

出现:服务器运行在 http://0.0.0.0:3000/ 即表示node运行成功,运行成功后,登录阿里云后台配置安全组规则

配置成功如下显示:

允许    自定义 TCP 3000/3000   IPv4地址段访问   0.0.0.0/0   node后台端口
复制代码

然后就可以在浏览器地址栏输入你的服务器公网ip地址加上:3000,成功出现Hello World即表示安全组配置成功

6、配置nginx

// 进入 '/etc/nginx' 文件夹,查看下 'nginx.conf' 配置文件
cd /etc/nginx
ls
vim nginx.conf// 低版本的nginx 'nginx.conf' 文件夹里有以下内容
// # include /etc/nginx/conf.d/*.conf;
// # include /etc/nginx/sites-enabled/*;
// 去掉 '#' 号// 创建nginx配置文件,文件名随意,我一般喜欢用项目名加端口号,比如 'wxServer-3000'
vim /etc/nginx/conf.d/wxServer-3000.conf// 编写配置文件代码
# 项目名字
upstream wxServer {# 需要代理的node端口号,也就是你写的端口号server 0.0.0.0:3000;# nginx最大连接数keepalive 8;
}# nginx服务器实例
server {# 代理出去的端口号,默认Http协议的80端口,如果配置其它端口需要更改 SELinux 的设置listen 0.0.0.0:80;# 别人访问的域名或者ip地址,多个用空格隔开server_name lzf.fun www.lzf.fun;# 错误日志存放地址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 设置反向代理用服务器域名,不使用反向代理,直接用上面upstream的名字就可以了proxy_pass http://wxServer/;proxy_redirect off;}}// 保存配置文件后,检查是否编写错误
nginx -t// 出现以下内容为正确
nginx: the configuration file /etc/nginx/nginx.conf syntax is ok
nginx: configuration file /etc/nginx/nginx.conf test is successful// 重新加载nginx服务器
systemctl reload nginx// 在阿里云后台开启80端口的安全组,然后在浏览器输入域名,可以看到 'Hello World' 就表示nginx配置成功了
复制代码

7、配置PM2

// 安装PM2
npm install pm2 -g// 进入你的node项目存放的文件夹,pwd是你的文件夹路径
cd pwd// 启动pm2,--watch监听,每次改动代码自动启动,-i 1 启动一个实例,根据服务器又几个核心设置
// -i 0 则会根据机器当前核数自动开启尽可能多的进程
pm2 start home.js --watch -i 1// 查看pm2
pm2 ls// 查看错误日志
pm2 logs// 重启
pm2 restart home.js// 停止,id通过查看获得
pm2 stop home|id// 删除
pm2 delete home|id// 了解程序的详细信息
pm2 describe home|id// 关闭Xshell,刷新域名,还可以看见 'Hello World' 表示配置成功
复制代码

链接微信公众号接口配置

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']})
)// 给微信验证的
const wxServer = new Router()
wxServer.get('/', async ctx => {const { signature, timestamp, nonce, echostr } = ctx.queryconst token = config.wechat.tokenlet 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 = 401ctx.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')复制代码

9、通过内网穿透的方式测试本地代码是否ok

1、通过localtunnel启动内网穿透,不推荐,有可能启动成功,但是域名链接失败

// 安装
npm install -g localtunnel// 开启本地服务器
lt --port 3000
复制代码

2、通过natapp启动内网穿透,配置需要花费一点时间

可以通过内网穿透工具natapp!这篇文章安装配置,

如果你代码写的是开启3000端口,那么最好也配置成3000端口

tips:如果看到隧道链接成功,但是127.0.0.1:3000端口链接失败的提示,不代表安装配置失败,是需要你启动一下代码

安装配置成功后,启动

node home.js
复制代码

能够成功在浏览器上看到 Invalid signature 表示内网穿透成功

10、开启一个微信公众平台测试账号

在微信公众平台测试管理页面,接口配置信息,URL填写你natapp启动的域名加上forWx,比如我的域名是

http://qf7rja.natappfree.cc/forWx
复制代码

Token是你自己自定义的,可以随便写,但是要和你本地代码里的Token一致,我这里用的是Maya

点击提交,显示配置成功

11、服务器链接微信公众号接口配置

通过上面的测试账号,验证了代码没有问题,可以配置成功接口配置,剩下的就是把代码上传到服务器了,安装选择rz和sz,当然,使用xftp更好

// 安装
yum  install lrzsz -y// 上传,执行命令,选择打包文件
rz// 下载,filename是你打包的服务器文件夹,或者单个文件
sz filename
复制代码

上传成功后,解压缩,清除前面的 Hello World 代码,清空 PM2 ,重新把现在代码挂到 PM2 上

在浏览器上输入域名 + forWx 能出现 Invalid signature 表示成功,如果没有出现,配置不成功,需要排查原因

在微信公众平台登录账号,选择基本配置-->服务器配置,然后按照配置测试账号的方式去配置

点击提交,显示配置成功

尾声

嘘~~~长出了一口气,研究了老久,node服务器总算配置成功了,而且已经链接到公众号接口配置,并且我还有一个测试账号

可以用测试账号本地写代码,然后再上传到服务器验证的方式去开发

这样的做的原因是,测试账号玩坏了不心疼,转眼又弄好了一个,服务器玩坏了,配置起来可就麻烦了

剩下的就是开发具体业务了,什么拿到AccessToken啊,自动回复消息啊,自定义菜单啊,等等等等

参考

阿里云配置 node.js + Nginx 反向代理 CentOS 7 下 yum 安装和配置 Nginx nodejs微信公众号开发——1.接入微信公众号

转载于:https://juejin.im/post/5d09864b6fb9a07f0052ddfe

配置node服务器并且链接微信公众号接口配置(超详细)相关推荐

  1. 云服务器有token_配置node服务器并且链接微信公众号接口配置

    配置node服务器并且链接微信公众号接口配置 配置node服务器 在购买好服务器后,用Xshell链接到服务器. 1.安装nvm curl -o- https://raw.githubusercont ...

  2. 微信公众号 接口配置信息 URL 配置失败(能进入后台方法,无返回信息)

    微信公众号 接口配置信息 URL 配置失败(能进入后台方法,无返回信息) 操作步骤:1.微信公众号输入url.token点提交,提示配置失败. 后台代码: @ResponseBody@RequestM ...

  3. 微信公众号-接口配置信息url和tokken

    一.接入指南 https://developers.weixin.qq.com/doc/offiaccount/Basic_Information/Access_Overview.html 接入概述 ...

  4. PHP 公众号获取用户地理位置,微信公众号接口配置,并利用接口获取用户地理位置...

    微信公众号获取用户地理位置有两种方法: 一是在进入微信公众号时获取,然后微信服务器将位置传到我们的服务器. 二是在公众号网页中,通过 JS-SDK 获取. 本文介绍的是第一种方法,第二种方法的部分内容 ...

  5. H5接入微信公众号方法(超详细)

    微信官方文档 一.使用真实公众号并认证开发者,或者申请使用测试号 注意: 在微信开发者工具中调试,必须先成为公众号开发者,可以在微信公众号后台进行配置 位置: 公众号后台 > 设置与开发 > ...

  6. Python程序员的浪漫-实现每天定时给Ta推送微信公众号消息提醒超详细教程

    前段阵子,小

  7. nginx tornado php,tornado+nginx+python 微信公众号接入配置

    配置环境:腾讯主机 Ubuntu Server 16.04.1 LTS 64位 需要用到的软件或者包:nginx,tornado框架 xshell6(非必需) 微信公众号测试平台:http://mp. ...

  8. 微信公众号分享配置无效。。分享出来的只是纯链接了,如何自定义微信公众号的分享

    微信公众号分享配置无效..分享出来的只是纯链接了 挺久没接微信公众号的项目开发了,最近突然接了一个,结果微信自定义分享给我整懵了.原本配置的好好的,屡试不爽的代码,居然死活不生效,开启debug,开发 ...

  9. 微信公众号接口服务器认证配置

    移动端的项目之前一直没有接触过,最近做了一个公众号的项目.做过公众号的程序猿都清楚,开发公众号需要访问后台接口服务器.首先通过公众号接口测试号登录微信公众平台. URL地址是外网接口服务器地址.Tok ...

最新文章

  1. performance metrics
  2. mysql数据库二级233_MySQL数据库开发必备常识
  3. 香港商务及经济发展局长:看好物联网发展
  4. 科普丨关灯玩手机,危害到底有多大?如何科学用眼?
  5. Python 数据分析三剑客之 Pandas(二):Index 索引对象以及各种索引操作
  6. qpushbutton 添加本地文件图标_1.PyQt5实现多文件调用以及UI和逻辑分离
  7. 大数据之-Hadoop伪分布式_配置启动HDFS_并运行MR程序---大数据之hadoop工作笔记0023
  8. php中声明一个函数,php学习笔记之 函数声明
  9. POJ2083 ZOJ3507 Fractal题解
  10. CAN总线和RS485的比较:
  11. 独孤求败-小滴云架构大课十八式-xdclass2022
  12. Java技术--单点登录统一认证系统的实现
  13. module项目没有蓝色小方块问题
  14. python函数写法_python函数的写法和调用
  15. 人工智能已经沦为刷榜,刷论文的时代了? 新一代人工智能,认知智能已经来临。道翰天琼。
  16. 使用java抓取金山词霸的每日一句
  17. 【雷达通信】雷达探测项目仿真附Matlab代码
  18. SAP S4 Material Management 库存模块 MARD 数据库表读取技术细节介绍
  19. Zend Optimizer
  20. 西工大:那些人儿、那些事儿

热门文章

  1. 学Excel函数公式,怎能不会这个组合套路? 1
  2. echarts饼图直观显示数值最实用的方式
  3. SAP BC ORACLE 12C Cleanup ILM_EXECUTION$, ILM_RESULTS$
  4. 使用canvas画出满天繁星
  5. [附源码]Java计算机毕业设计SSM高铁乘坐舒适性在线调查及评价系统
  6. 修改计算机显示颜色16位色,教你win10怎么调成16位色
  7. 解决Android 拍照图片被旋转问题
  8. 美通企业日报 | 广州塔开业至今迎游客近1557万人次;居然之家成功借壳上市
  9. Qt三种方式实现背景色和背景图(都可放缩,qss方式也可以)
  10. 2020年中山大学CS夏令营