HbuilderX的使用
HBuilder和HBuilderX是不一样的具体官方是这么解释的HBuilder和HBuilderX是两款不同的跨平台移动开发工具首先HBuilder和HBuilderX的开发语言支持不同。HBuilder是一款纯粹的HTML5开发工具主要用于快速开发H5网页和移动端应用。这个我有写过一篇Hbuilder打包html5 app页面而HBuilderX则是一款集成了多种开发语言的开发工具支持HTML5、JavaScript、CSS、Vue、React等多种开发语言可以用于开发更加复杂的移动端应用和混合应用我用这款工具是开发uni-app移动端和小程序项目下面来说一下用的功能运行1、wx小程序运行-运行到小程序模拟器-微信开发者工具如果能直接在开发者工具上运行成功就可以了如果没有就把运行后生成的包文件map-weixin手动在开发者工具引入如果失败了重新启动重新导入重复操作下2、androida、要下载一个mumu模拟器应用程序他会有两个子程序一个是模拟器运行项目一个是多开器-里面会有端口信息点击右上角ADB配置的时候要用,下面是它的模拟器列表右边点击启动模拟器就打开了也可以手动打开模拟器b、HbuilderX-运行-运行到手机模拟器也可以运行到浏览器先在浏览器上调试模拟器无法查看元素、控制台这些-运行到Android app基座初次运行这里应该要先进行运行配置设置adb路径就是mumu的adb.exe完整路径shell下面设置端口号前面有提到别的应该就不要了然后就可以 运行到App Android基座-弹窗运行如果没有检测到再刷新一下列表里面就会有了。下面两种单选运行模式如果有弹窗提示未找到基座可以来回切换解决。留给大家其实我很想知道既然是多开器也能开多个端口号但是Hbuilderx怎么配置多个端口号呢这样我就可以同时运行多个项目了3、iOSa、直接拿iOS手机数据线连接到电脑上开启调试模式这也是测试包留痕安装的方式测试机也这么装测试包不需要用Xcode运行的时候会提示安装可以绕过包括上架也不需要玩不转。上架用Transporter工具在这之前你要先登录https://developer.apple.com/account开发者账号要和你的mac上账号一样还要加入 Apple Developer Program需要公司拉你进去…(未完待续)b、开启调试、安装模式HbuilderX-运行-运行到手机模拟器-运行到ios app基座。如果遇到代码报错可能是HbuilderX安装错了这个控制台应该有提示我记得是要选intel版。打包apk发行-原生app云打包需要下载一个云打包插件需要注册账号注册完成需要完成两个认证Android包名找创建者要安卓证书使用选择使用公共测试证书打包的时候遇下面提示这里应该找创建者邀请你为成员需要你在自己的DCloud前面已经注册过点击加入我开始点的重新获取会提示带来很多问题这样不行因为后面还会用到绑定插件你用自己生成的appid将没有绑定这个插件需要购买和申请试用咱没必要自己搞也无法保证项目的统一管理。但已经重新获取了hbuilderX基础配置上是无法改回去这个id的但这个基础配置是根据我们项目中的manifest.json来的我们去这个文件上改回来就好了这样就差不多了可以打包成功了打包文件位置控制台会有提示这里分两种打包传统打包-就在项目unpackage不管是哪个端运行、打包的文件都是在这个文件夹下面某个目录下面快速安心打包-一个链接点击下载如果忘记下载就关闭了Hbuilderx重新打开后查看云打包状态就可以找到链接了。打包wgt发行-原生App-制作应用wgt包这也是打包的一种我是在开发版本更新网上都是wgt包的时候研究过实际版本更新的时候我们选择的是apk(领导决定)。apk是整包更新(不管改了什么改了多少整个包重新下载重新安装)wgt是热更新(不需要整包替换只需要更新修改的地方)版本更新的实现是通过获取当前版本和接口返回的版本对比如果一致就不需要更新如果不一致要考虑你们使用的是强制更新还是不强制更新比上个版本高才更新需要注意的是打包的时候记得改版本号manifest.json versionName改成和后端接口返回的版本号一致不然更新完还是和接口版本号对应不上就会一直重复更新这里后端和另一个同事都提议更新完版本号用接口返回的存起来不用uni获取我一直是拿uni的版本和接口对比版本号由前端打包定义后面另一个同事改成用后端接口的版本号果然存在问题本地运行测试的时候记得版本号还要改回之前的不然跟更新包是同一版本就不会更新了我记得wgt每次打包好像要改名字名字不能一样apk打包名字要保持一致这个不确定。更多关于更新版本怎么实现可以去官网看看https://www.kancloud.cn/xiaoyulive/uniapp/1836328自己再配合百度资料跟热更新实现是一样的不难使用高德地图需要在dcloud开发者中心申请证书在高德地图申请key将dcloud证书和高德地图绑定(在高德上进行)再在hbuilderX App模板配置上配置好对应的key和高德用户名打包apk的时候选择自有证书相关参数在dcloud开发者中心已经申请证书了具体配置步骤参考https://blog.csdn.net/weixin_55684211/article/details/126786565如果你是自己申请这些东西打包的时候要改你自己申请的DCloud APPID不然无法对应。因为刚开始用的公司申请的但是公司没有申请后面的高德key这些参数不够所以我才自己申请如果公司这些都做了我们只需要在hbuilder上直接填对应的内容就可以了如果地址获取失败就要考虑这些账号绑定、参数配置的问题了或者在获取地址代码里打印错误信息uni.getLocation({ type: gcj02, geocode: true, success: function (result) { // 注意这里面this指向会发生变化 // 查看地址返回信息 uni.$u.toast(JSON.stringify(result)) }, fail: function (res) { // 打印错误信息(用于调试实际代码可以提示用户‘获取地址失败xxxxxx’) uni.$u.toast(JSON.stringify(res)) } });上面只是需要代码获取地址相关信息如果需要用到map标签展示地图Maps否则真机上地图是显示不出来的极光推送在HbuilderX中点击项目的manifest.json在右边会出现配置视图选择插件配置选择“选择云端插件”下面两个勾中需要在极光开发者里面配置了插件列表才会有或者去插件市场下载插件地址(JPush)极光推送 JPush 官方 SDK - DCloud 插件市场插件地址(JCore)极光推送 JCore 官方 SDK - DCloud 插件市场点击右侧第一个0元购根据提示选择对应的项目不要看后面的项目名要看前面的id选择和你uni app的appid对应的一项否则打包的时候会报极光推送配置不一致下一步绑定对应的包名即可不管是哪里下的插件再完善下配置文件相关内容即可首先可以在视图中先输入APPKEY之后修改配置文件的包名有的博主说parameters里面的key也要改但我觉得不改好像也行没试过用了极光推送或者其他插件后面运行、发行前要先“制作自定义基座”制作完成后运行本地模拟器时使用自定义基座运行但是我打包制作自定义基座的时候失败了可以直接在manifest.json里面加一条app: { distribute: { android: { minSdkVersion: 24 } } }或者在视图上修改继续踩坑打生产包时极光推送报错JPUSH_NIO_APPID当时百度查到的是HUAWEI错误照葫芦画瓢改成JPUSH_NIO_APPID就对了如果需要换极光推送key直接在配置文件换就好了如果包名也换了就需要重新配置重头开始。先删掉插件重新下载插件重新给插件配置包名修改配置文件制作自定义基座。既然讲到这代码遇到的问题也一并记录一下因为项目中极光推送是需要全局的我需要在退出的时候删别名登录时开启在需要接收对应极光消息的页面做对应处理但其实可以不定义全局极光推送用的时候重新uni.requireNativePlugin(“JG-JPush”)定义一下然后对其删除别名、停止推送(注意这两个方法在ios上没有)、添加别名、开启推送、监听事件等其他配置项1、应该是我使用了uni app的罗盘获取360方向看事物在朝向哪个方位这个配置项好像只能手动添加HbuilderX视图上没有这项2、打电话权限uses-permission android:nameandroid.permission.CALL_PHONE/发短信权限在第1条上面的Messaging就是可以通过视图勾选否则手机上是发不了短信和打电话3、广告标识这项默认选中状态吧但是ios上架的话会被打回来4、图标配置提一嘴吧浏览后自动生成就会有各种尺寸图标了需要提的是ios上架要求图标不能有圆角透明底你可以选择浏览单独设置可以自动生成两次两种图标然后放在这个目录下好像不能放其他目录如果可以直接放在项目图片文件下其他人来开发也能拿到图片但是好像不行。5、启动界面配置如果你发现设计的启动页在真机上变形模拟上可能是好的如果设计图的比例刚好好像也不会变形需要借助Android Studio通过给设计图画黑线生成.9.png后缀必须是这样的这样就会适配了。另外ios是不支持自定义启动页的HubilderX就用来运行、发行这些好了改代码我还是习惯vscodeHbuildX还不知道代码怎么跟git关联、查看修改内容一下开两个编辑器好了。