Fork me on GitHub
余鸢

微信公众号开发(一):环境配置

Nodejs

安装Nodejs生产环境

centos下登录服务器,通过yum安装项目运行中包括服务器日常维护要用到的

命令:

1
sudo yum install git vim openssl build-essential libssh-dev wget curl

环境安装后,通过git安装部署项目到服务器,生成SSR证书。

找到nvm的仓库,复制安装脚本然后运行

1
curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.11/install.sh | bash

通过nvm ls命令查看

安装nodejs

1
npm install v8.11.2

安装完成后执行命令来设置服务器使用node当前版本

1
nvm user v8.11.2

如图:

wx16

设置v8.11.2为服务器默认版本

1
nvm alias default v8.11.2

如图:

wx17

访问服务

示例:运行server.js

通过node server命令访问服务,首先要关闭防火墙

1
service iptables stop

关闭防火墙重新执行node server命令,在另一个终端上执行命令访问服务器。

1
curl http://127.0.0.1:3000

控制台上打印出信息,说明访问成功!如图:

wx18

安装之后检查bash脚本有没有加上一下代码,如果没有加上即可。

1
2
export NVM_DIR="$HOME/.nvm"
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh" # This loads nvm

yarn

这个项目最后会上线,所以尽量做到从工具到代码能够严谨和规范,就不再用npm安装相应的本地模块,而是使用约束更苛刻的yarn,需要分别在本地和线上安装yarn。

本地安装yarn

1
npm install yarn

服务器上安装yarn

安装yarn选择相应的系统安装即可。这里是Linux平台安装

执行命令:

1
sudo wget https://dl.yarnpkg.com/rpm/yarn.repo -O /etc/yum.repos.d/yarn.repo

然后再次执行

1
sudo yum install yarn

查看yarn版本

1
yarn -v

使用yarn替代了npm安装,为了不影响速度,可以把源指向国内,执行命令

1
yarn config set registry https://registry.npm.taobao.org

设置完成后,用npm安装全局模块

1
npm install vue-cli pm2 -g

全部安装完成,如图:

wx19

测试服务

当我们正在当前运行一个进程时,如果直接关闭终端窗口或者关闭当前进程就会导致当前服务被挂起,不能持续稳定的对外进行Nodejs,尤其是Nodejs本身如果有异常导致它挂起后就不能自动重启,这样的工作就交给pm2来维护。

示例:运行server.js

执行命令node server.js运行server.js然后取消,通过执行命令pm2 start server.js让服务跑起来同时自动维护这个进程。这样就可以在外面访问到这个服务,执行命令curl http://127.0.0.1:3000。如图:

wx20

访问成功!

查看当前运行的服务

1
pm2 list

查看更加详细的服务信息

1
pm2 show server

查看日志

1
pm2 logs

重启服务

1
pm2 restart server

关闭服务

1
pm2 stop server

以下截图就是这个项目要用到的工具

wx21

Mongodb

Linux下安装MongoDB

进入官网选择相应的Linux环境,我这里选择Red Hat,通过yum安装的,64位centos系统

创建MongoDB安装源

1
vi /etc/yum.repos.d/mongodb-org-3.6.repo

然后复制下面配置写入mongodb-org-3.6.repo,保存退出

1
2
3
4
5
6
[mongodb-org-3.6]
name=MongoDB Repository
baseurl=https://repo.mongodb.org/yum/redhat/$releasever/mongodb-org/3.6/x86_64/
gpgcheck=1
enabled=1
gpgkey=https://www.mongodb.org/static/pgp/server-3.6.asc

安装MongoDB

1
sudo yum install -y mongodb-org

安装完毕后修改配置文件

1
vi /etc/mongod.conf

修改/etc/yum.conf,将一下代码将以下添加到/etc/yum.conf文件中

1
exclude=mongodb-org,mongodb-org-server,mongodb-org-shell,mongodb-org-mongos,mongodb-org-tools

其中端口被修改为20008(随意),并且允许远程访问,不允许则修改bandIp为:127.0.0.1

修改/etc/mongod.conf

1
vi /etc/mongod.conf

Windows下安装MongoDB

进入官网下载自己对应的平台。

wx1

下载后直接next安装,点击finish完成安装。

启动Mongodb

进入mongodb文件目录下,创建data\db和logs目录及log.txt文件。

命令:

1
2
3
4
> cd D:\mongodb
d\mongodb> mkdir data
d\mongodb> mkdir logs
d\mongodb\logs> touch log.txt

以管理员模式启动CMD,切换到MongoDB的安装目录,并执行命令:mongod –dbpath “D:\mongodb\data\db” –logpath “D:\mongodb\logs\log.txt” –install -serviceName “MongoDB”

如图:

wx2

关于命令中的参数说明

参数            描述
–bind_ip         绑定服务IP,若绑定127.0.0.1,则只能本机访问,不指定默认本地所有IP
–logpath         定MongoDB日志文件,注意是指定文件不是目录
–logappend         使用追加的方式写日志
–dbpath          指定数据库路径
–port            指定服务端口号,默认端口27017
–serviceName      指定服务名称
–serviceDisplayName   指定服务名称,有多个mongodb服务时执行。
–install          指定作为一个Windows服务安装。

启动MongoDB服务

wx3

右键点击我的电脑—>管理—>服务和应用程序—>服务,找到MongoDB可以看到是启动状态。

wx4

进入MongoDB数据库shell

wx5

退出MongoDB数据库执行命令exit

wx6

下次用之前记得检查Mongodb服务是否启动状态。

Nginx

Linux下安装Nginx

前面安装步骤先忽略了,直接进入重点。

复制nginx.conf到/etc/nginx/conf.d目录下

1
cp -a nginx.conf /etc/nginx/conf.d/kaka.conf

修改kaka.conf

1
vim kaka.conf

windos下安装Nginx

进入官网选择要安装的平台,在这里同样是Windows下安装。

wx7

下载解压即可。

修改配置文件

nginx配置文件在nginx-1.13.12\conf\nginx.conf

1
2
3
4
5
6
7
8
9
10
11
12
13
14
http {
gzip on;
#html文件
server {
listen 80;
server_name 127.0.0.1 localhost;
location / {
root html;
index index.html index.htm;
}
}
}

启动nginx

不能直接双击nginx.exe,这样会导致修改配置后重启、停止nginx无效,需要手动关闭任务管理器内的所有nginx进程。

start nginx : 启动nginx

nginx -s reload :修改配置后重新加载生效

nginx -s reopen :重新打开日志文件
nginx -t -c /path/to/nginx.conf 测试nginx配置文件是否正确

Not:

如果遇到报错:bash: nginx: command not found,有可能是你在linux命令行环境下运行了windows命令,

改成用windows系统自带命令行工具运行。

搭建本地服务器

Sunny-Ngrok

搭建本地服务器的话,这里推荐一款不错的测试工具,它能够把内网公射到外网上去,并且给你一个能被访问到的域名。也就是说,域名是免费的,服务器则是你自己的电脑。

使用Sunny-Ngrok赠送的免费域名进行http服务映射。

1、进入官网注册账号

2、开通隧道

wx9

3、点击立即购买后进入编辑页面

wx10

在上图中表单信息解释:

隧道名称:可以随便填写,只是为了使用者在往后之后这个隧道是干嘛的

前置域名:服务器免费赠送的域名,请不要带上后缀,如果要nuxtss.ngrok.cc 只需要填写 nuxtss即可 ,千万不要填写成nuxtss.ngrok.cc否则域名会是nuxtss.ngrok.cc.ngrok.cc

本地端口:可以为同一个局域网内任意一台机器进行映射,只需要填对ip和端口就行,例如:192.168.1.1:80

http验证用户名:非必填项,在需要的时候填写,否则可以不填

http验证密码:非必填项,在需要的时候填写,否则可以不填

依次填入点击确定添加,然后确定购买。

4、下载客户端

wx11

根据自己的操作系统需求下载相对于版本。

5、启动映射服务

Windows环境下启动服务

1、打开命令提示符,进入下载好的软件目录 ,输入sunny.exe clientid + 隧道id
wx12

命令解释:

​ sunny.exe 下载的软件内网映射隧道工具

clientid  通过隧道id启动,后面跟上隧道id,如果有多个隧道要一起启动那么使用英文逗号隔开第三个红色剪头所指的地方就是为了启动多个隧道

输入命令回车后可以看到服务已经启动

wx13

域名为http://nuxtssr.free.ngrok.cc

Linux环境下启动服务

打开命令提示符,进入下载好的软件目录 ,输入命令 ./sunny.exe clientid + 隧道id

wx14

同样,域名为http://nuxtssr.free.ngrok.cc

测试输入域名访问成功!

wx15