Ego微商项目部署(小程序项目)(全网最详细教程)

news2025/1/21 5:51:23

1.项目部署前的准备

1.1获取APPID和APPSecret(微信小程序)

微信小程序注册流程及APPID,APPSecret获取-CSDN博客

把获取到的APPID,APPSecret复制粘贴,保存下来,等会要用到

1.2测试工具

navicat,fiddler,xshell,xftp等

1.3微信开发者工具下载与安装

可参考:微信开发者工具下载与安装-CSDN博客

微信开发者工具说明
初始化界面
项目主界面

2.Ego微商后端项目部署

2.1部署细节流程

具体部署实施的细节步骤

2.2部署架构图

客户端可理解为前端,服务端可理解为后端;

2.3组件要求及版本

微信开发者工具:学习阶段(以这个来举例)

手机/手机模拟器:实际工作中用到(需要开发人员邀请对应微信账号成功后才能体验)

2.4后台部署操作

2.4.1安装vm和cenos7

vm安装教程(本人安装的是最新版17)

VM15软件安装教程(全网最详细)-CSDN博客

cenos7在vm中的安装教程

VM安装Cenos7(全网超详细保姆教程)_vm安装centos7教程-CSDN博客

2.4.2本地服务检查

目的:
验证网路是否连通,方便安装软件包
操作版本方便安装的时候能够正确对应相关的版本
检查网络连通性: ping(可ping百度)
检查操作系统的版本:
cat /etc/redhat-release

2.4.3安装应用服务

通过LAMP,一键安装部署系统服务
命令生成地址: LNMP一键安装包无人值守命令生成器

通过集成工具,一次性安装所有应用服务
wget : 通过 网络 下载文件
./install.sh 可执行文件脚本
yum install xxxx 在线单个安装某个软件

参考链接

Cenos7系统通过链接一键安装LAMP项目环境(linux,apache,mysql,php)_centos7lamp一键安装-CSDN博客

2.4.4上传项目包

目的:确保开发编写的项目代码上传到服务器
上传项目包文件(可用xftp)到指定路径(/home/wwwroot/default/)
因为该路径是Apache 配置文件的默认路径(详细的可看2.4.5)

# 切换到指定路径
cd /home/wwwroot/default/
# 解压缩上传的项目包文件到当前路径
unzip egoser.zip
# 修改解压之后的所有文件权限到最大
chmod -R 777 egoser
# -R 表示修改的是整个目录包含目录下所有文件的权限
# 修改完毕后查看文件详细信息(权限)
ls -l

 

 2.4.5Apache配置文件的说明

Apache 的配置文件作用:告知部署人员,项目文件应该存放的 位置、端口、主机域名 等信息,方
便前端请求的时候,后台的 Apache 服务直接根据配置文件找到对应的文件路径
  • 可以按照默认的配置文件上传存放
  • 可以根据自己的需求进行修改配置文件在上传存放
  • Apache虚拟主机配置文件名:httpd-vhosts.conf

 apache的路径为:/usr/local/apache/conf/extra

查看apache虚拟主机配置:httpd-vhosts.conf

httpd-vhosts.conf内容(内容少的,可以cat指令)

apache配置文件说明:

2.4.6数据库初始化

注意:一般是在第一次部署项目的时候需要做数据库初始化
确保系统能够正常运行的 必备的数据 以及数据库和表的信息
导入.sql文件(存放路径如下图)
# 在linux进入数据库(数据库密码)
mysql -u root -p
# 查看当前mysql有哪些数据库
show databases;
# 创建数据库egowx并设置编码方式和排序规则(utf8_general_ci)
create database egowx charset utf8 collate utf8_general_ci;
# 方式一:恢复备份文件(在linux下面操作:需要输入数据库密码)
mysql -u root -p egowx < /home/wwwroot/default/egoser/ego.sql
# 方式二:恢复备份文件(在mysql下面操作)
# 使用(打开)数据库
use egowx;
# 导入备份好的sql文件
source /home/wwwroot/default/egoser/ego.sql;
# 查看某数据库下有哪些表
show tables;
# 退出数据库
exit;

 创建名为egowx数据库

 再egowx数据库中导入.sql文件

# 方式一:恢复备份文件 ( linux 下面操作 : 需要输入数据库密码 )
mysql - u root - p egowx < /home/wwwroot/default/egoser/ego.sql
# 方式二:恢复备份文件 ( mysql 下面操作 )
# 使用 ( 打开 ) 数据库
use egowx;
# 导入备份好的 sql 文件
source /home/wwwroot/default/egoser/ego.sql;
# 查看某数据库下有哪些表
show tables ;
# 退出数据库
exit ;
本人用的方法二做演示

查看导入后数据库的表

 

扩展---Navicat远程连接数据库服务器方式(用ssh)

通过ssh方式连接



本人不通过ssh,直接连接即可 

2.4.7修改配置文件

2.4.7.1修改Apache配置文件
# Apache配置文件路径
cd /usr/local/apache/conf/extra/
# 重命名配置文件
mv httpd-vhosts.conf httpd-vhosts.confd
#上传已经修改好的配置文件,防止修改出错,所以提供了已经修改好的文件
# 重启Apache服务
systemctl restart httpd
# 查看Apache的服务状态
systemctl status httpd

 

上传已修改好的配置文件 

查看是否上传成功

重启服务,并查看他的状态

 查看修改后的配置文件

2.4.7.2修改服务端文件 (项目配置文件)

一般是开发自己写的配置文件(路径不需要记,因为是开发自己写的,可直接问开发)

  • 找到配置文件/home/wwwroot/default/egoser/application/extra
  • 编辑wx.php文件修改对应APPIDAPPSecret(自己申请的)(见1.1),并且保存退出
# 进入配置文件路径
cd /home/wwwroot/default/egoser/application/extra
#编辑
vim wx.php
#vim操作
# 输入i 进入编辑
# 修改部分字段值
# 返回命令模式:esc
# 保存退出输入:wq
# 如果强制退出:q!

重启应用服务

目的:修改后的配置立即生效

#重启Apache服务
systemctl restart httpd
#重启mysql服务
systemctl restart mysql
# 查看服务是否正常
systemctl status httpd
#查看服务是否正常
systemctl status mysql
通过浏览器验证重启后的服务是否正常
其中一个接口地址:http://虚拟机IP/api/v1/banner/1

打开浏览器后,验证失败可能的原因

(1)上传项目包的时候,解压可能有问题,也有可能是wx.php配置文件修改出错(可能多敲了空格,缩进等)

解决方法,删除解压后的文件夹,重新解压(可参考2.4.4)

 

重启服务 ,刷新浏览器再试试

 2.4.8虚拟域名作用

作用:因为小程序无法直接和后台进行通讯,需要借助于微信客户端,但是微信客户端无法识别具
体的 IP 地址,所有需要修改本地的 hosts 配置文件,让本地请求的 假域名 优先找本地地址,指定本
地的服务器 IP
域名与ip的关系 计算机域名的解释,通俗易懂:域名与IP的关系讲解-CSDN博客
本地Windows 如何修改
路径 : C:\Windows\System32\drivers\etc\
修改: hosts 文件
# 最后一行增加内容如下
虚拟机ip地址 e.cn
macOS 如何修改
# 修改路径(需要输入Mac电脑的开机密码)
sudo vim /etc/hosts

验证结果

域名/api/v1/banner/1(e.cn/api/v1/banner/1)

3.前端项目部署

3.1导入项目

3.2ego项目界面显示

 3.3修改前端配置文件

3.3.1修改根目录文件project.config.json

修改APPID,更改为自己申请的APPID

3.3.2 修改API地址(请求后台服务器地址)

修改位置./utils/config.js

例如:Config.restUrl = 'http://e.cn/api/v1/'

3.3.3本地设置的配置更改

3.4编译

修改完成后,要编译一下

编译过程,可能有点慢,稍微等一下,不转圈了,就说明编译结束,小程序可以前后端联调了

至此项目就部署完成!!!

3.5客户端若报token无效如何处理(切换到-我的,会报错)

(1)检查虚拟机服务器能否ping通外网

(2)检查后台服务器wx.php文件修改是否正确

注意:服务器包和客户端包,还有配置文件可自行在资源中下载!!!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1789889.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

ps怎么设置立体字

一. 输入文字并调整大小和位置。 二. 使用CtrlAlt和T键复制并自由变换文字图层。 三. 通过键盘的方向键将复制的图层向左、向上各移动一个像素&#xff0c;多次重复操作以创建立体效果。 更多实用教程: 点击进入

PS系统教程11

HUD拾色器 作用&#xff1a;它可以帮助使用者更加高效地选择和使用颜色&#xff0c;从而提高工作效率和设计质量。 先确定色相值改变饱和度改变亮度使用HUD拾色器选中画笔工具画笔模式-正常shiftAlt右键 色相轮 上下移动从黑到白亮度变化左右移动从浅到深饱和度的变化选中颜…

Linux 35.5 + JetPack v5.1.3@FUEL编译安装

Linux 35.5 JetPack v5.1.3FUEL编译安装 1. 源由2. 编译&安装Step 1&#xff1a;依赖库安装Step 2&#xff1a;建立工程Step 3&#xff1a;编译工程Step 4&#xff1a;安装工程 3. 问题汇总3.1 fuel_planner/exploration_manager - dw3.2 fuel_planner/plan_env - OpenCV库…

IDEA的使用配置Maven(及selenium+webdriver的下载配置)

一. 下载maven 1. maven官网下载链接 2.​​安装第二行第一列的zip压缩包 ​​​​​​​​ 二. 配置环境变量 1.新建环境变量 2.在系统变量Path环境变量中添加%Maven_HOME%\bin 三.验证环境变量是否配置成功 winr >cmd>mvn -v 如果出现Maven的版本信息&#xff0…

隐藏 IP 地址的重要性是什么?

在当今的数字时代&#xff0c;保护我们的在线身份至关重要。从保护个人信息到保护隐私&#xff0c;互联网用户越来越多地寻求增强在线安全性的方法。保持匿名和保护敏感数据的一个关键方面是隐藏您的 IP 地址。在这篇博文中&#xff0c;我们将深入探讨隐藏 IP 地址的重要性&…

Druid监控页面无法打开(404)

网上教程 我得到的结果 解决 如果localhost:7080/druid/login.html 无法打开Druid监控页面&#xff0c;那么说明Druid数据库连接池根本就没有配置成功&#xff0c;所以才会出现404. 上面配置不成功&#xff0c;要么是配置问题&#xff0c;要么就是版本不兼容问题&#xff08;大…

推荐一个免费的相亲工具

推荐一个免费的相亲工具&#xff0c;步骤如下&#xff1a; 1&#xff09;微信里面搜索公众号“光源桥”&#xff0c;并关注 2&#xff09;输入搜索条件进行搜索对象 例如下面搜索&#xff1a;

Kotlin 网络请求小例子(Ktor)

文章目录 导入依赖创建 Http 客户端 其实还是借着 Ktor 学一学 Kotlin 如何导入依赖&#xff0c;这应该是我们 Kotlin 基础专栏的最后一期了。 Ktor 是 Kotlin 官方的一个网络请求库&#xff0c;它具有优秀且精炼的 API&#xff0c;并且是跨平台的。 本教程参考自 Ktor 文档 …

最强总结!18个机器学习核心算法模型!!

前言 大家好~在学习机器学习之后&#xff0c;你认为最重要的算法模型有哪些&#xff1f;今儿的内容涉及到 线性回归逻辑回归决策树支持向量机朴素贝叶斯K近邻算法聚类算法神经网络集成方法降维算法 我把每种算法模型的核心公式和代码也列举了出来&#xff0c;如果有其他比较重…

自动化测试-Selenium-元素定位

一.元素定位 因为使用selenium进行自动化测试&#xff0c;元素定位是必不可少的&#xff0c;所以这篇文章用于自动化测试中的selenium中的元素定位法。 1.根据id属性进行定位&#xff08;id是唯一的&#xff09; id定位要求比较高&#xff0c;要求这个元素的id必须是固定且唯…

vue的elementUI的el-tree的选择

有一棵树型的数据,需要实现:在外部加一个 全选和不全选的按钮,去全部勾选树结构里面每一项的选框。 当点击勾选全选的时候,树的每一项都勾选; 当取消全选的时候,树的每一项都不勾选; 当选树的其中一项时,全选按钮是半选状态; 实现效果如下: <template><…

JVM(Java虚拟机)、JMM(Java内存模型)笔记

面试常见&#xff1a; 请你谈谈你对JVM的理解?java8虚拟机和之前的变化更新?什么是OOM&#xff0c;什么是栈溢出StackOverFlowError? 怎么分析?JVM的常用调优参数有哪些?内存快照如何抓取&#xff1f;怎么分析Dump文件&#xff1f;谈谈JVM中&#xff0c;类加载器你的认识…

上位机图像处理和嵌入式模块部署(f407 mcu开发板基本测试)

【 声明&#xff1a;版权所有&#xff0c;欢迎转载&#xff0c;请勿用于商业用途。 联系信箱&#xff1a;feixiaoxing 163.com】 我们拿到一个新的开发板之后&#xff0c;一般都需要测试一下基本功能。这里面一部分功能是我们比较熟悉的&#xff0c;比如说led、key输入、串口、…

计算机网络学习2

文章目录 信道复用技术 第三章数据链路层概述数据链路层的三个重要问题封装成帧和透明传输差错检测可靠传输的相关基本概念可靠传输的实现机制停止等待协议回退N帧协议选择重传协议 点对点协议PPP共享式以太网网络适配器和MAC地址CSMA_CD协议的基本原理共享式以太网的争用期共享…

跨平台数据整合:电商企业如何获取多渠道销售数据

跨平台数据整合对于电商企业而言&#xff0c;是获取多渠道销售数据、提升市场竞争力、优化销售策略的关键环节。以下将从数据来源、数据获取方式、数据整合策略以及整合后的应用等方面&#xff0c;详细阐述电商企业如何进行跨平台数据整合&#xff0c;以获取多渠道销售数据。 一…

C51学习归纳4 --- 矩阵键盘

一、开发板原理图 我们可以看到这个键盘是4*4的&#xff0c;行可以由4个数据接口接收&#xff08;P1_4~7&#xff09;&#xff0c;列可以由4个数据接口接收&#xff08;P1_0~3)。 所以我们可让行作为扫描方向&#xff0c;或者列作为扫描方向&#xff0c;进行按键扫描。如何扫描…

银行风控建模

风控简介 所谓风险控制&#xff08;风控&#xff09;&#xff0c;即针对用户风险进行管理规避的过程。 贷前阶段&#xff1a; 这一阶段的数据来源主要分为申请信息、历史消费信息、外部信息&#xff08;例如多投借贷、公积金等&#xff09;。常用风控模型包括&#xff1a; 1…

『 Linux 』文件系统

文章目录 磁盘构造磁盘抽象化 磁盘的寻址方式磁盘控制器磁盘数据传输文件系统Inode数据块(Data Blocks)超级块(SuperBlock)块组描述符(Group Descriptor)格式化 磁盘构造 磁盘内部构造由磁头臂,磁头,主轴,盘片,盘面,磁道,柱面,扇区构成; 磁头臂&#xff1a;控制磁头的移动,可以…

WowTab:简洁界面,效率神器,重塑新标签页浏览体验

目录 一、插件简介 二、插件功能 2.1 支持两种模式切换 2.2 效率组件介绍 2.3 设置中心 三、使用总结 四、插件安装说明 4.1 Edge安装 4.2 Chrome安装 大家在日常办公当中&#xff0c;是不是觉得新标签页太平淡无奇&#xff1f;来&#xff0c;给自己的浏览器加点料&…