主讲人:笨小猪 QQ 1218764060 *liufeicloud 官网:
【什么是HBuilder X?】
HBuilder是DCloud(数字天堂)推出的一款支持HTML5的Web开发IDE。
【软件特点】
官方解释:快,是HBuilder的最大优势,通过完整的语法提示和代码输入法、代码块等,大幅提升HTML、js、css的开发效率。
【如何获取HBuilder X软件的安装包?】
1、通过百度搜索:HBuilder X ,或访问HBuilderX官网:
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分钟之后在控制器栏中,会看到编译好的小程序路径。
【下载微信开发者工具】
我们可以通过百度搜索:微信开发者工具或者直接访问微信官方文档网址: 64(全程请看视频操作和讲解)
【视频扩展】
【版权申明】本作品所有版权终归作者“刘飞云”所有,任何人不得以任何手段发布各大平台,违者追究版权责任