使用HBuilderX打包移动端应用

1、一、什么是 HBuilderX概述HBuilder是DClou （数字天堂）推出的一款支持HTML5的Web 开发IDE,而HBuilderX是新版的Hbuilder，简称HXHX的优势HX性能更强，启动速度、大文档打开速度、代码提示速度均极 为流畅。HX的VUE语法提示、ES6语法提示支持更强大，应该是最强悍 的vue提示工具。HX有内置终端，对于现代编译型语言的开发提供更强的支持。HX支持uni-app、小程序开发、快应用开发HX的markdown、json方面秒杀其他开发工具。HX新增了智能双击、更完善的多光标处理，可为极客提供更高 效的操作。HX的缺点如果开发者使用jquery+php

2、等技术栈，目前还是建议使用HBuilder。HBuilderX对这2块技术的支持不如HBuilder。二、下载安装HBuilderX卜载 HYPERLINK http:/www.dcloud.io/hbuilderx.html http:/www.dcloud.io/hbuilderx.html他提供了各种版本下载，如下安装直接解压即可，然会找到其中可执行文件双击打开就能使用，也可以将其作为快捷方式发送到桌面上。用改日朋五小binSD119/3/115 15:34立件衰iconengines019/S/1i 5 15：25im-sge+ormals20119/3/15 15:15platfor

3、msM3115/3/15 15:34plugins2019/S/1I5 155readme3019/3/15 15:25H0uilderX.HH2019/1412:36祚程#清7,131 K0S HSuilderX.E-Jce2019/3/1412:362.812 KB国1临河靠.dll20119/3/1412:36觥程牌愠1.236 IKBLi：ENSE-MD219/3/14 12；364加_ qtconf20119/3/1412:36匚DhIF哀骨1 KB目 Qt5CDFE.dllSD119/3/14 12:36持暨r展4.533 KQL3 DfiGui.dll019/3141364,89

4、9 KBQt5NtwDirk.dll2019/3/1412:36邮弟-景332 KB CMSvg.dll2019/3/1412:3&250 KB_ Qt5WefcSockets.dll2019/2/2216:3210B KB Qt5V/idge-ts.dll2D lig/a/U 12:364.J30 K日OfiXml.dll019/3/14 12-36网14P K0R.elea&eNote. md20119/3/14 12:3&md 京tt102 KB, reset.bat0119/3/1412:36Windows育!廿理g sdffl32jdll保伺1326B KB可 uac.e-xe201

5、9/3/1412:3&湄K日1 Ifli-I.vl1i.工!*K口v注册打开后可以简单的注册下，如果以前在使用Hbuilder时注册过，那么可以直接使用此用户名和密码。入门注册后根据入门提示进行适合你的基础设置三、新建移动端项目 文件-新建一项目 5+app项目新建顷目HIML5+标淮的跨平台Apr I.了铿吏瘩O 詈晅咀目电 O unkappaU O Wap2ApptE) 5+App0) O宅序(M) O 快应用01项目名称C:/Users/ad min/D ocu m e nts/H BuilderProj ectsEui项弓已包警mui的、匚话、宇住造混的I目模板皿建录模股带登录技设宜的

6、MUI项目秘腐邹渤泪振原生颇洌.岂tab口部凸担宰屈1示鱼rtelln H5-HTML5PIU瞬范的累示.邑杭倒8；整昌扣底匿&抻胡用Q lHifc,*!ind-ix.htard - HBuidir XRI*IE gJ 而的 SlOU JRtB 命HJ 编UJ EilD ZfiCO 旬S同 E : O %嫁卷却* armjrilBst.jgnfi!t? 1 htnlJ吟3 Qk* gwka曹5痕me=“时ewport- corttent=dnitial-5CJile=L.0 rnaximun-scale=lB9j u&ep- sc51#ble=Hci /wetawtcW6沽deUml: man

7、ikitjsQn E 3-ciirtt d rtd/di- wi-aMpo rtHnlti al -1. B, maximuih- scdlal. &f LiwL-SiKialmklA侦口11 / 7 (Girlptj3 MAECplptH 9 Elikie. urifr?t. jddELi1 plufna1 r yi/flctfdr?Q Le/ccinwle. 1c (.fiplups jpi剖宓柬在此事1二基生岳调用 酉则会出SUjLus 扑 iMidefimsda )； /script /lwad lg Ghello666 曰Fnianifenjsffln”|，- -. .-.9 .ac

8、-Lmcnt ： -ibddEvent LL5tener( plus- re-ady jr-wac 11-3( )(la I1 /conscilc. log( yfWplu=叩都应谖在此掣件发主后调用.SSJJStiEOpLuis is undaf inadM 11“卜.肝ISi*/script，15-ifi 曰 ithelloflflft15 19 -C/htnlintk 治 htmlV frScssimg、uxipaclcae * xtrtsiZ C55)虹傩jbouLknd awtrAahlrnl iEcni.Ftrnl indiilml rruiJ-AiTil 牛por rrf. hb

9、 rd rndn-htrnl rruriHrijirHi设置应用入口页面地址/首页=1 将你的网站代码放入5+app项目中 Mapp的一些其他信息这里各个部分都简单配置处理下，需要特别关注的如下:(1)应用标识(APPID)不同的app的应用标识不能相同，否则会被app认为是同一个app，然后安装时可能会覆盖安装。图标配置这里配置的图标就是我们在手机桌面中看到的图标.有iphone,ipad,android三种类型及各种尺寸的图标可以让你设 置，当然，如果你嫌麻烦可以直接点击【自动生成所有图标并替换】 就生成了各个设备上的图标了。点击【浏览生成图标所在目录还可以 看到具体生成的文件】启动图标当

10、我们的app在手机上启动后显示的图标，也有iphone,ipad,android三种类型及各种尺寸的图标可以让你设置，还要注意一个启动时的基本选项。四、开始打包鼠标右键项目名一发行云打包，打包原生安装包-选择打包方式(ios/android)f mnwye心a ? Jcrwr hnl 1，jiSAfarn琳 mRMmlnuifuL|Knr 7i9Oir-kth hiriliTihli 1 MJ. Wi 1 neta nzme-km 1。日*a-CPifii! typ&Jfuifictlan hl!111ink hnkT-s Jclink hrefcss if函F*IIEHnk ral-styl

11、inh恒E1玳贝 IB*! gaLlery 119li ink hrefci!2D!-咀 LLeryZ1! fanH-Bw-cilnk hr(iT也牝 clink hrefhttX的IL!*Z5 26 4h 找 gZB E4red尸M= !=.kW A* 口性的- /HBu*32StL*!.li3sMH：的皿 mvi?由！LIAkWzawxjfl Sff Mensluwg安陌 ITH-Wi.nas emtb BrttisrBxnauB.开u轧 奴皂屋不 Lnrtiti妃脱汨HlULKI明业m ”.观留危4M HZ H5J7CMFHF门HE注 nrMaL|T4iMAilrJ !：m-b小 ,J-

12、 * flPr-Eif下曲1女)壬挥L?19I丸码亲瞿威师pB_i=r；2! J i -L lEQ xllB3i政吁尹h WtSBBra TiffE:rm gyWiiwrfcWJWHi7BsHeHMfr4riUrtBQW?M 雁也谓重曰冉电下就乜史 EITF版欢查看APP打包状态，打包完成后就能得到apk文件进 行安装HBinldcr皓;9制心 打忸威再后空台与虢FW推春.：.HBmLldAr* fi! 01 W.7-HBid：d.r112-3屈五捷眼W峡期打苞盼敏E .响心律.UDmlldcrSfl至号为了三力5DK啊谊 耳受用目定义迁:曰：弟旧旬亍-亍机gVU-匐+E目定龙,立氐j .不豆

13、反管打每用HBuxldcr 16:02-31.965-顶目 test E5RXMF56用打也焰提示如果你要打包ios应用，但是有没有证书的话，只能打包越狱版本的app五、解决在手机上点击回退按钮问题在Hbuilder打包的app中，默认不管任何页面，只要点击了一次手机返回 键，app就会直接退出，返回不了上一页。解决：在首页点击返回按钮不直接退出，而是询问用户1.在首页处加上代码，做一个判断document.addEuentListener(plusread1, function (a) 机 var first = nullplus.key .addEventListener(1backbut

14、ton1j furction () I var -fiag = CQrfipm(你确定要退出吗？if (flag) (plus.runtime.退出hfalse)；3)；document.addEventListener(plusready, function (a) var first = null;plus.key.addEventListener(backbutton, function () var flag = confirm(你确定要退出吗？);if (flag) plus.runtime.quit(); /退出, false););解决：当首页时，用户一秒内连续点击两次才退出2.

15、在首页处加上代码，做一个判断document. addEientListener( plusready fu ret ion (a) var fir*Et = null;plus. key.addEventListenerf backbutton, function () 首次按槌，提示再按一次退出应用，if (Ifirst) (first = neu Date() .getTime(console . log(退出应用用白定义toast提示最好卜b咬口 lay Er弹框setTimeout(function ( first = null;, 100)； else if (new Date()

16、.getTime() - first 160&) lb , false)；)；document.addEventListener(plusready, function (a) var first = null;plus.key.addEventListener(backbutton, function () 首次按键，提示再按一次退出应用if (!first) first = new Date().getTime();console.log(再按一次退出应用);/用自定义toast提示最好，比如layer弹框 setTimeout(function () first = null;, 100

17、0); else if (new Date().getTime() - first 1000) plus.runtime.quit();, false););解决：当非首页时，点击返回按钮回到上一页在非首页中加入如下代码，就可以回到上一页document.addEucntListenep(pluspeady, function Q var webview = plus.webview.currentWebiewO；获收当前无面 plus. key. addEverit Lis tens r( backbuttonj function () webview, can Back flint ti&

18、n (世) if (e-canBack) alert(即将回到上一页”)webviehj. b苗匚k(); else 0webview.clos&(); /hide/plus, runtime, quit ();/(iuitMI )；)； document.addEventListener(plusready, function () var webview = plus.webview.currentWebview(); /获取当前页面 plus.key.addEventListener(backbutton, function () webview.canBack(function (e)

19、 if (e.canBack) alert(-即将回到上一页) webview.back(); else webview.close(); /hide,quit /plus.runtime.quit();/quit ) ););由于你的项目中可能有许多的页面都要使用此代码，所以我们可以把它单独封装在一个js文件中供相应页面进行使用。inriwi html |2JrWi35.W3 2lllllBK3E 21!1111B.4B2 23-：n.：16.d.72 Z3；31:57.23X/we-btest J/evciM: s. htnl同莎完 fij. 正同步,吹纹心日JweM -. htmL；件.

20、 i*T KB/e (323U 叫t砧 in 6.125*0/BMffc . htid 司出完成. 已停止运仔 iCute?t. GdE v-AAtL j1 f /Wc亡fLai uvbvLiMJ = pliUK. wwIhu. urn*n4LiHbu,L-aui )j /i key i MklEvwM:Li3tcier(! backbatton */MiTCIrionO ( wbMaM.此acK(/砰yHwSF if .3此“k)(MILE聘函J一页 vfrbvicM-ibM kl);5 vnibviH.cLod(). Pij*.quitUl Ld-CSXrlpl ypa- * riypllcjri-M riiZrlpt? ACklEvAihC LiiTwfriif * Lcrid-* f&AtTiriACuI (hiifeURLb*rC K Ml-ntfw StrPnTo-Jej.lJj J C/jcript?12 i w 1 r nit lircarc c yhnritrccHacAr-iJit4*Hr ccs,1 H J ArrfnTFfljHi-iflwcowrhph jijk|rfne,XSiife,i5 Jijri.nWipUrdJdYXlJc