上一节我们安装了nginx和SSL证书,这一节继续来搭建小程序运行环境

1、配置nodeJs环境

(1)安装node、npm

我们云服务器是Ubuntu系统,通过apt-get安装即可

//下载nodejs安装文件node-v10.13.0-linux-x64.tar.xz
~$ wget https://npm.taobao.org/mirrors/node/v10.13.0/node-v10.13.0-linux-x64.tar.xz//解压下载的文件
~$ tar -xvf node-v10.13.0-linux-x64.tar.xz//测试是否安装成功
~$ cd node-v10.13.0-linux-x64/bin && ls
node  npm  npx//符号./的意思是当前文件夹下,现在 node 和 npm 还不能全局使用
~/node-v10.13.0-linux-x64/bin$ ./node -v
v10.13.0
(2)查看当前目录

输入pwd查看当前目录,记住这个目录,我们下面要用

~/node-v10.13.0-linux-x64/bin$ pwd
//查到的目录如下
/root/node-v10.13.0-linux-x64/bin
(3)全局使用node、npm

现在npm、node只能在我们刚刚安装的node-v10.13.0-linux-x64/bin文件夹下面使用,我们在Ubuntu中设置环境变量,从而可以全局使用node、npm

//回到~目录
~/node-v10.13.0-linux-x64/bin$ cd ~//打开.bashrc文件夹
~$ vim .bashrc
(4)编辑.bashrc文件

vim是一个文本编辑器,输入i,进入编辑状态,添加下面语句

其中/root/node-v10.13.0-linux-x64/bin/是【(2)查看当前目录】中查出来的目录,替换成你自己查到的目录

export PATH=/root/node-v10.13.0-linux-x64/bin/:$PATH

编辑完成后,按esc键退出编辑状态,再输入:wq保存并退出文件

(5)使环境变量生效
~$ source .bashrc
(6)检查是否可以全局使用node、npm
~$ node -v
v10.13.0~$ npm -v
6.4.1
(7)将npm的源换成国内的

由于npm的源在国外,国内用户下载软件包会比较慢,所以我们将npm的源换成国内的。

#运行成功,不会返回任何信息
~$ npm set registry https://registry.npm.taobao.org/

2、安装mysql

安装mysql数据库以及依赖插件,安装过程需要设置mysql密码,该密码一定要记住,之后登录数据库会用到

~$ sudo apt-get install mysql-server mysql-client libmysqlclient-dev

3、修改配置文件

(1)编辑src/config.js文件,将本地域名修改成自己已经备过案的域名
//原代码
const host = 'http://localhost:5757'//修改为自己的域名
const host = 'https://***.com'
(2)编辑server/config,js文件,修改下面三项信息,保存文件
//修改成自己的域名
serverHost: 'https://***.com',//项目在云服务器上面的路径,我们会将server文件夹放在这个路径
rootPathname: '/mnt/truth_hold/server',//是否使用腾讯云代理登录小程序,改成true
useQcloudLogin: true,
(3)继续编辑server/config,js文件,修改数据库密码

也就是pass字段,改成在云服务器上面安装mysql时设置的密码

mysql: {host: 'localhost',port: 3306,user: 'root',db: 'cAuth',pass: '199507@.',char: 'utf8mb4'
},

4、云服务器放上server文件

(1)在根目录mnt文件夹下面创建truth_hold文件夹(云服务器端操作)
//进入/mnt文件夹
~$ cd /mnt///创建truth_hold文件夹
~/mnt$ mkdir truth_hold
(2)用scp将server文件夹传输到云服务器(电脑本地终端操作)
//进入truth_hold项目文件夹目录
~$ cd ~/WeChatProjects/truth_hold///用scp将server文件夹传输到云服务器
~/WeChatProjects/truth_hold$ scp -r server root@47.10.17.231:/mnt/truth_hold//输入云服务器的密码,文件比较多,需要10分钟左右才能传输完成
root@47.10.17.231's password:
(3)检查是否传送成功(云服务器端操作)
//打开/mnt/truth_hold目录
~$ cd /mnt/truth_hold//输入ls查看里面的文件
~/mnt/truth_hold$ ls
server

5、pm2安装并启动

pm2 是Node应用的进程管理器,我们用他来启动后端(也就是云服务器端),就像在本地电脑server文件夹下运行npm run dev差不多

//安装pm2
~$ npm install pm2 --global//检查是否安装成功
~$ pm2 -v//进入项目目录
~$ cd /mnt/truth_hold/server///启动项目
/mnt/truth_hold/server$ pm2 start app.js//启动成功返回的信息
[PM2] Starting /mnt/truth_hold/server/app.js in fork_mode (1 instance)
[PM2] Done.
┌────┬────────────────────┬──────────┬──────┬──────────┬──────────┬──────────┐
│ id │ name               │ mode     │ ↺    │ status   │ cpu      │ memory   │
├────┼────────────────────┼──────────┼──────┼──────────┼──────────┼──────────┤
│ 0  │ app                │ fork     │ 0    │ online   │ 0%       │ 25.8mb   │
└────┴────────────────────┴──────────┴──────┴──────────┴──────────┴──────────┘

现在服务端的环境已经完全搭建好了~

作者:猫宁一
全栈程序媛₍ᐢ •⌄• ᐢ₎一枚~ 热爱学习!热爱编程!
可关注【猫宁一】公众号领取我所有全栈项目代码哦~

点击查看课程目录:微信小程序全栈开发课程目录

7.4【微信小程序全栈开发课程】小程序上线--基于Ubuntu搭建小程序运行环境相关推荐

  1. active server pages 错误 asp 0126_微信小程序全栈开发课程【视频版】2.1 小程序前端页面初始配置、ESlint格式错误...

    点击观看视频 ↓↓↓ 小程序前端页面初始配置.ESlinthttps://www.zhihu.com/video/1195030595196223488 课程文字版 1.修改src/pages文件夹 ...

  2. angularjs全栈开发知乎_1-4【微信小程序全栈开发课程】原生小程序框架介绍

    1.打开小程序目录 打开微信开发者工具,我们上一节新建的项目,我圈出来的这个地方就是小程序的目录结构(如果你那里没有显示,可以点击左上方的编辑器来显示) 2.原生小程序框架介绍 给大家画了一张图,重要 ...

  3. 为啥我的页面模板的from提交不了数据_4-9【微信小程序全栈开发课程】意见反馈(四)--提交反馈信息

    1.创建后端操作文件 先在后端server/controllers文件夹中创建操作文件createopinion.js,用来将从前端页面提交的数据,插入到opinions表中,创建完之后,页面目录如下 ...

  4. 上拉加载更多后台数据_6-7【微信小程序全栈开发课程】记录页面(七)--分页加载记录数据...

    现在是一次性加载所有的记录数据,数据多的时候,会加载比较慢,所以我们改成分页加载,一次最多加载15条数据 每次拉倒底部都会自动加载下一页的数据,知道所有的数据加载完成 1.添加data变量 编辑rec ...

  5. eslint不报错 vue_2-2【微信小程序全栈开发课程】index页面搭建--ESlint格式错误

    1.修改入口文件 也就是src/pages/index/main.js文件 main.js是入口文件,通过main.js来加载index.vue文件.每个页面文件夹中都要有main.js文件 //加载 ...

  6. 3.2【微信小程序全栈开发课程】登录功能(一)--实现登录功能

    在本地搭建好后端环境之后,我们来实现登录功能 1.安装SDK插件 SDK插件用来获取用户的openId SDK是server端(也就是后端)的插件,帮助我们很容易的获取openId.openId是微信 ...

  7. 3.1【微信小程序全栈开发课程】在本地搭建后端开发环境

    第二章将前端页面的框架基本搭建好了,第三章,我们来做登录功能,登录功能需要在后端获取到用户信息,返回到前端.所以先来搭建后端开发环境 1.后端开发环境介绍 我们的项目用的是前后端分离开发 前端可以理解 ...

  8. 4.1【微信小程序全栈开发课程】个人中心(一)--页面样式、用户信息展示

    第四章,我们来完善个人中心,主要操作是src/pages/me文件夹中的me.vue文件,先看看个人中心页面的效果: 1.将个人中心页面放在首页 在讲解app.json文件时,提到过在pages数组中 ...

  9. 【微信小程序全栈开发课程】课程目录(mpvue+koa2+mysql)

    1.前言 本课程会将我的一个已上线的全栈小程序项目做成[免费课程]分享给大家~ 小程序扫描下面二维码查看功能: 小程序环境搭建+开发工具介绍+vue+ES6基础知识+每一行代码展示+代码逻辑+云服务器 ...

最新文章

  1. 判断数组元素相等 php,php中判断数组相等的方法以及数组运算符介绍
  2. Python sorted
  3. keil中使用Astyle格式化你的代码的方法-keil4 keil5通用
  4. 【问链-区块链基础知识系列】 第十五课 数字货币交易所的前世、今生和未来(二)
  5. Java环境创建_Java环境的搭建
  6. 毕设日志——RCNN
  7. 大量数据table_一次 SQL 查询优化原理分析(900W+ 数据,从 17s 到 300ms)
  8. OO CSS的个人理解
  9. SEGGER-RTT调试(代替串口printf输出)的使用方法
  10. 深圳大学计算机与软件学院自考,如何坐公交 或 地铁去深圳的深圳大学南校区计算机与软件学院自考办| Moovit...
  11. Atitit pwa app prblm sulo目录1.1.1. 安卓的chrome没有弹添加到桌面的弹窗 11.1.2. 如何判断是否从主屏幕访问 11.1.3. 如何监听添加到桌面事
  12. shiny app制作基本思路
  13. [从零开始学习FPGA编程-26]:进阶篇 - 基本组合电路-数据选择器(Verilog语言)
  14. 技嘉 linux设置u盘启动项,技嘉主板bios设置u盘启动教程
  15. 真无线蓝牙耳机哪个音质最好?2021入门级蓝牙耳机排行榜!
  16. sklearn 中的 make_blobs 的参数解释
  17. 337调查之「普遍排除令」简介及2018年度典型案例探讨
  18. bat 切换网络适配器_Windows批处理自动切换IP地址设置无线网络和以太网的IP地址...
  19. 跟ChatGPT,聊聊ChatGPT
  20. 时代“前浪”迅雷拍被打暗礁,Q2财报或道出缘由

热门文章

  1. 宝塔面板linux ftp怎么设置权限,宝塔面板创建FTP账号的几种方法(根据需要安装FTP功能)...
  2. springboot+java办公用品租赁领用管理信息系统
  3. 如何输出字符串中的增补字符?-java
  4. Android Jetpack Compose
  5. viewpage显示服务器图片,照片查看器——ViewPager实现的图片展示控件
  6. 蓝桥杯-皮亚诺曲线距离
  7. C语言刷题(3)——“C”
  8. ajax的使用案例-新闻列表的渲染
  9. 洛谷 P1145 约瑟夫
  10. 计算机网络:DV 算法中避免环路的六大机制