当前位置:首页 > 新闻动态 > 网站文章

HBuilder X源代码编译打包成小程序

来源: 浏览:122 时间:2023-08-09

【什么是HBuilder X?】

HBuilder是DCloud(数字天堂)推出的一款支持HTML5的Web开发IDE。

【软件特点】

官方解释:快,是HBuilder的最大优势,通过完整的语法提示和代码输入法、代码块等,大幅提升HTML、js、css的开发效率。

【如何获取HBuilder X软件的安装包?】

1、通过百度搜索:HBuilder X ,或访问HBuilderX官网:
https://www.dcloud.io/hbuilderx.html

2、点击download,这里选择Windows APP开发版

【安装必要的HBuilderX插件】

我们编译uniapp源代码到小程序必要插件:scss/sass编译

【获取Niushop 小程序源码版和通过HBuilderX发行小程序】

1. 首先登陆我们微信小程序后台配置好并获取相关信息(后面配置Uniapp需要用的上)且配置好Niushop后台小程序开发者配置。

2. 登录我们Niushop系统后台—小程序—小程序源码下载—下载小程序源码包(如果没有购买的,会提示:您还未购买过小程序,前去购买)

3. 将下载好的小程序源码包通过HBuilderX本地目录导入,点击导入的项目文件找到common—JS—config.js,配置好baseUrl(请求API接口地址)、imgURL(图片服务器地址,图片服务器地址默认为站点域名,如果所有图片存在七牛云,那么图片服务器地址应填写七牛云域名)shareDomain(H5分享域名,填写可选,在有编译H5端口时,分享域名可以填写上去,反之无需填写)、privateKey(API安全密钥,可选填写,但建议您开启安全密钥,防止中间人进行抓包窃取相关数据及非法注入数据)

4. 配置好相关信息之后,我们点击HBuilderX软件顶部菜单栏—发行—小程序-仅用于微信小程序,输入微信小程序名称和小程序APPID,点击发行,静心等待5-10分钟之后在控制器栏中,会看到编译好的小程序路径。

【下载微信开发者工具】

【视频扩展】

【版权申明】本作品所有版权终归作者“刘飞云”所有,任何人不得以任何手段发布各大平台,违者追究版权责任

地址 · ADDRESS

地址:建邺区新城科技园嘉陵江东街18号2层

邮箱:309474043@qq.Com

点击查看更多案例

联系 · CALL TEL

400-8793-956

售后专线:025-65016872

业务QQ:309474043    售后QQ:1850555641

©南京安优网络科技有限公司 版权所有   苏ICP备12071769号-4  网站地图