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

本文涉及的产品
RDS Agent(兼容OpenClaw),2核4GB
RDS MySQL DuckDB 分析主实例,集群系列 4核8GB
RDS MySQL DuckDB 分析主实例,基础系列 4核8GB
简介: 上一节我们安装了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   │
└────┴────────────────────┴──────────┴──────┴──────────┴──────────┴──────────┘


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

目录
相关文章
|
8月前
|
人工智能 Ubuntu 前端开发
Dify部署全栈指南:AI从Ubuntu配置到HTTPS自动化的10倍秘籍
本文档介绍如何部署Dify后端服务及前端界面,涵盖系统环境要求、依赖安装、代码拉取、环境变量配置、服务启动、数据库管理及常见问题解决方案,适用于开发与生产环境部署。
1686 1
|
8月前
|
消息中间件 人工智能 Java
抖音微信爆款小游戏大全:免费休闲/竞技/益智/PHP+Java全筏开源开发
本文基于2025年最新行业数据,深入解析抖音/微信爆款小游戏的开发逻辑,重点讲解PHP+Java双引擎架构实战,涵盖技术选型、架构设计、性能优化与开源生态,提供完整开源工具链,助力开发者从理论到落地打造高留存、高并发的小游戏产品。
|
9月前
|
小程序 JavaScript API
uni-halo + 微信小程序开发实录:我的第一个作品诞生记
这篇文章介绍了使用uni-halo框架进行微信小程序开发的过程,包括选择该框架的原因、开发目标以及项目配置和部署的步骤。
484 0
uni-halo + 微信小程序开发实录:我的第一个作品诞生记
|
12月前
|
小程序 前端开发 Android开发
小程序微信分享功能如何开发?开放平台已绑定仍不能使用的问题?-优雅草卓伊凡
小程序微信分享功能如何开发?开放平台已绑定仍不能使用的问题?-优雅草卓伊凡
2283 29
小程序微信分享功能如何开发?开放平台已绑定仍不能使用的问题?-优雅草卓伊凡
|
12月前
|
Ubuntu 搜索推荐 Linux
详解Ubuntu的strings与grep命令:Linux开发的实用工具。
这就是Ubuntu中的strings和grep命令,透明且强大。我希望你喜欢这个神奇的世界,并能在你的Linux开发旅程上,通过它们找到你的方向。记住,你的电脑是你的舞台,在上面你可以做任何你想做的事,只要你敢于尝试。
516 32
|
小程序 Java 关系型数据库
weixin163基于微信小程序的校园二手交易平台系统设计与开发ssm(文档+源码)_kaic
本文介绍了一款基于微信小程序的校园二手物品交易平台的开发与实现。该平台采用Java语言开发服务端,使用MySQL数据库进行数据存储,前端以微信小程序为载体,支持管理员和学生两种角色操作。管理员可管理用户、商品分类及信息、交易记录等,而学生则能注册登录、发布购买商品、参与交流论坛等。系统设计注重交互性和安全性,通过SSM框架优化开发流程,确保高效稳定运行,满足用户便捷交易的需求,推动校园资源共享与循环利用。
|
小程序 关系型数据库 Java
weixin168“返家乡”高校暑期社会实践微信小程序设计与开发ssm(文档+源码)_kaic
本文探讨高校暑期社会实践微信小程序的开发与应用,旨在通过信息化手段提升活动管理效率。借助微信小程序技术、SSM框架及MySQL数据库,实现信息共享、流程规范和操作便捷。系统涵盖需求分析、可行性研究、设计实现等环节,确保技术可行、操作简便且经济合理。最终,该小程序可优化活动发布、学生信息管理和心得交流等功能,降低管理成本并提高工作效率。
|
小程序 JavaScript 前端开发
微信小程序开发全流程:从注册到上线的完整指南
这篇文章详细记录了微信小程序的完整开发到最终上线的每一个步骤。适合对小程序开发感兴趣的个人开发者或希望了解完整流程的学习者,涵盖了云开发、事件绑定、生命周期管理、组件使用等关键内容。
18876 14
|
移动开发 小程序
thinkphp+uniapp开发的多端商城系统源码/H5/小程序/APP支持DIY模板直播分销
thinkphp+uniapp开发的多端商城系统源码/H5/小程序/APP支持DIY模板直播分销
767 0
|
小程序 前端开发 JavaScript
在线课堂+工具组件小程序uniapp移动端源码
在线课堂+工具组件小程序uniapp移动端源码
406 0
在线课堂+工具组件小程序uniapp移动端源码