## 下载
- 官网下载:https://www.jihainet.com/index/products/index.html
- 码云仓库:https://gitee.com/hnjihai/jshop_mall
- 简约模板:https://gitee.com/hnjihai/uniapp
## 视频教程地址:
[https://www.jihainet.com/index/article/articlelist/id/10050.html](https://www.jihainet.com/index/article/articlelist/id/10050.html)
>[success]当前为2.0.6标准版,手册内容还有待补充,如果您在使用过程中发现问题,或者有更好的建议,欢迎加入我们。
#### 官方QQ群1(823732583)
![](https://box.kancloud.cn/4a531978ebda6da2f2f1c99267b38a74_238x250.png)
#### 开发者讨论区
https://bbs.jihainet.com
#### 前台H5演示
体验地址1:[https://demo.jihainet.com/wap/](https://demo.jihainet.com/wap/)
体验地址2:https://b2c.jihainet.com/
#### 后台演示
https://b2c.jihainet.com/manage/
#### 小程序演示
![](https://box.kancloud.cn/39e81132a00e43f5787fe797d1a45cf4_344x344.jpg =200x200)
APP演示请进群下载
## 安装
### 1. 宝塔安装后台以及H5[[宝塔安装说明](https://www.bt.cn/)]
1. 从[https://gitee.com/hnjihai/jshop_mall](https://gitee.com/hnjihai/jshop_mall)下载代码到本地,代码包中的H5文件夹为H5的VUE源码,wechat_app目录为小程序源码目录,无需上传部署。
2. 请如图新建站点,PHP版本需要使用5.6以上7.1以下版本
![](https://box.kancloud.cn/2a6a71e934038d6b3b3186e6470a981c_920x783.png)
3. 点击网站目录,进入网站根目录,上传代码。
![](https://box.kancloud.cn/2236e041e6f4a94de55866fc25ea157a_920x68.png)
4. 上传代码完成后,解压代码
![](https://box.kancloud.cn/7584aed0da3b47bfb6af5c39e3e540cd_920x319.png)
5. 配置站点运行目录。回到站点列表,点击站点域名,点击网站目录,运行目录选择/public目录。
![](https://box.kancloud.cn/8c8d1ef3a4029e43b8243b68de9f79c7_920x867.png)
6. 配置伪静态,点击伪静态,复制下面代码到伪静态中,点击保存。
>[success] nginx中的伪静态配置
```
location /wap/ {
try_files $uri /wap/index.html;
}
location / {
if (!-e $request_filename){
rewrite ^(.*)$ /index.php?s=$1 last; break;
}
}
```
>[success] apache的伪静态规则,我们默认在/public/.htaccess中有设置
~~~
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteCond %{REQUEST_FILENAME} !-d
RewriteCond %{REQUEST_FILENAME} !-f
RewriteRule ^wap/(.*) /wap/index.html [QSA,PT,L]
RewriteCond %{REQUEST_FILENAME} !-d
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond $1 !^(wap)
RewriteRule ^(.*)$ index.php?s=/$1 [QSA,PT,L]
</IfModule>
~~~
7. 运行绑定的域名:http://shop.jihainet.com/install/ ,进入安装界面,输入刚才创建站点的数据库名称、账号、密码
![](https://box.kancloud.cn/d199ffc39a31cd3790c22ab13259ab4d_920x485.png)
8. H5和小程序需要修改接口地址,目录位置:/uni-app/config/config.js,编辑该文件,修改下图标红的域名,然后使用hbuilderx打开uni-app目录,点击发行H5或微信小程序。前台H5访问地址:http://shop.jihainet.com/wap/index.html【注:伪静态未配置,需要在域名后面加上/index.php/】
![](https://img.kancloud.cn/9c/f2/9cf2a7247f9e145c8e340ffee94c0531_953x251.png)
9. 配置ssl,可以用宝塔提供的,也可以用你自己的ssl证书。
10. 网站后台部署完成。
>[success] 后台访问地址为:http://域名/manage
H5访问地址为:http://域名/wap
>[danger] 一定要注意运行目录是public而不是系统根目录。如果没有配置伪静态,请访问时带上index.php
## 小程序配置
1. 登录微信公众平台,点击设置->开发设置,配置服务器域名,都填写您的域名即可,如下图所示。然后点击保存并提交。
![](https://box.kancloud.cn/53e70a668ac1648cf94e3e87c288310d_920x739.png)
2. 使用hbuilderx打开uni-app目录,点击发行-》小程序-微信,然后填写微信小程序名称和小程序appid【一定要与后台保持一致】
:-: ![](https://img.kancloud.cn/fe/7a/fe7adc55a2fb189d19c2a6421597fbc7_426x195.png)
3. 在后台添加一个分类、商品后,即可在开发者工具上提交代码,点击上传。
![](https://box.kancloud.cn/9d581aea5278fe635ccc3e84d4a7015c_920x109.png)
4. 打开微信公众平台,点击开发管理->选择开发版本,提交审核,等待审核通过即可。
![](https://box.kancloud.cn/e7cea72f9f03b3451c27b35651e94105_920x231.png)
>[success]修改小程序名称:后台控制面板->平台设置->平台名称