核心商城系统演示地址
演示平台 演示地址 账号、密码 说明
后端管理演示地址 https://admin.demo.coreshop.cn coreshop(coreshop) 整个后台管理系统,支持前后端分离部署
接口演示地址 https://api.demo.coreshop.cn coreshop(coreshop) 承接所有数据的接口,可查看定时任务等
二维码展示
  • 小程序商城

  • 安卓APP商城

  • IOS APP商城

前端编译发布说明

前端编译发布操作文档

一、说明

1、准备工具

工具名称下载地址说明
Visual Studio 最新版https://visualstudio.microsoft.com/zh-hans/编辑、编译源代码
HBuilderX https://www.dcloud.io/hbuilderx.html用于前端生成小程序/h5等10个入口
微信小程序开发者工具https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html调试并上传微信小程序

 

2、准备内容

  1. Git或打包下载最新的CoreShop源代码,并部署【webapi接口端】获取到访问地址。
  2. 上传静态文件,因为小程序有分包大小限制,容量有效,太多的图片素材无法只能在项目中并存,占用空间超出分包大小,故存放互联网。大家可以用云存储,或直接提供官方提供的cdn地址:
    1. 如果使用官方地址则不需要上传此附件包。
    2. 如果使用自己的静态资源地址,则需要将CoreCms.Net.Uni-App】项目【resource】目录下【static】文件夹整包上传都互联网存储并获取地址。

3、下载hbuilderX及安装插件

首先前往https://www.dcloud.io/hbuilderx.html 下载最新Hbuilderx的App开发版。

 

下载后解压运行。然后安装插件

确保常用插件都已经安装,如果没有的,点击【安装新插件】

如果程序编译的时候提示还有插件未安装,但是面板里面没有,就点击【前往插件市场安装】

二、基础配置

1、配置项目信息

  1. 我们打开HBuilderX 工具,点击左上角的【文件】【打开目录】,定位到代码【CoreCms.Net.Uni-App】项目下【CoreShop】目录;

 

  1. 左侧双击打开【CoreShop】目录中的【manifest.json】文件

  1. 点击【基础设置】,修改对应打包后app的名称和介绍
  1. 点击【App模块配置】,设置微信小程序申请的appid,并勾选相应的选项

 

  1. 打开【CoreShop】目录下【common/setting/constVarsHelper.js】路径的文件。
    1. 【apiFilesUrl】项目静态资源请求地址,原则上可以直接使用官方地址;

项目静态资源目录位于此处。可使用官网的地址,也可以自己将附件保存到一个地址。

  1. 修改第6行,第8行,设置【WebApi接口端】请求地址,附件资源请求地址。
  2. 打开【CoreShop】目录下【uni.scss】文件

  1. 修改第97行,设置css内访问附件请求的变量地址,原则上可以直接使用官方地址;

三、发布微信小程序

1、微信开发者工具设置

  1. HBuilderX工具调用微信开发者工具,是走的api调用。所以我们需要开启端口。
  2. 打开【微信开发者工具】【通用设置】,在弹出的页面中,选择【安全】,将【服务端口】的选项开启即可;

2、编译发布过程

  1. 点击HBuilderX 工具栏上的【运行】【运行到小程序模拟器】【微信开发者工具-CoreShop】进行本地预览。

如果出现有异常的情况,请尝试降低一个版本的基础库

  1. 调试模式下小程序内容是未经过打包压缩的,所以只适合开发和调试,不能直接上传,因为大小也有限制。
  2. 预览正常后,我们关闭微信开发者工具,再点击HBuilderX 工具栏上的【发行】【小程序-微信(仅适用于uni-app)】生成编译压缩后后的微信小程序版本

  1. 在弹出的面板中,我们需要输入小程序的名称,以及小程序appid,如果已经配置,则默认这两项会自动获取到

  1. 生成成功后会自动打开微信开发者工具并再次进入开发界面,这次我们可以点击【微信开发者工具】【上传】按钮将代码提交微信审核。

 

提交成功后,前往微信公众号平台【https://mp.weixin.qq.com/】提交审核即可。

 

五、注意事项

  1. 【微信开发者工具】设置下基础版本库,确保最低基础版本库为使用比例比较高的版本就可以了,防止微信小程序发布新版本更新后,启动代码中添加的【自动更新检测并下载小程序新版功能】失效问题。

   

  1. 为了防止编辑uni-app后git总是提示有新文件变更的情况。可打开源代码项目下.gitignore文件,最底部追加一下忽略文件目录。也可以手动在git变动中直接右键文件忽略。
    1. 【node_modules/】【.project】【unpackage/】【.DS_Store】

 

  1. 请注意配置文件内微信id和小程序id等配置文件信息和自己的对应,防止出现编译后HbuilerX编译后,无法调用微信小程序开发者工具自动创建项目并打开。

 

扫描二维码
加入核心商城【CoreShop】官方Q群
随时了解每日新功能

联系我们
QQ群:70494974
手机:19145919666(周一至周六: 9:00-18:00)
微信:19145919666
地址:湖南省怀化市鹤城区城市中央A座23楼2308室

禁止使用核心商城系统(CoreShop)开源项目开发或运营赌博、色情、贷款、反动等一切违法应用,或使用从事其他非法目的违法犯罪行为。

软著登记号:2020SR1224749 2021SR1661132 备案号:湘ICP备2022003536号-1

本站所有内容版权归 怀化南山田舍科技有限公司 所有, 未经允许不得转载。

本站由 Asp.Net 6.0 提供强力驱动