高州网站seo,中国十大影视公司排名,中国企业500强营收总额首超百万亿,wordpress经典主题下载使用HBuilder开发混合App#xff1a;
Hbuilder#xff1a;是一个在线打包工具#xff0c;不需要在本地配置开发环境#xff1b;直接将做好的网站#xff0c;通过一些简单的操作#xff0c;就能在线打包为一个App#xff1b;
混合APP开发常见技术#xff1a;Html5、Re…使用HBuilder开发混合App
Hbuilder是一个在线打包工具不需要在本地配置开发环境直接将做好的网站通过一些简单的操作就能在线打包为一个App
混合APP开发常见技术Html5、ReactNative、Weex、Ionic这里使用HTML5 开发混合APP它是一个强大的产业联盟。下面是使用HTML5结合HBuilder开发混合app的步骤
1.打开HBuilder编辑器找到文件–新建–移动App点击如图 2.在弹出的配置中配置相关信息后点击完成需要注意的是下面应用名称即项目名称实际显示在移动端桌面的app名称并非这里设置但是建议与这里名称一致如图 3.此时会在桌面看到testapp之后在HBuilder中继续找到testapp项目如图 4.如果在第三步骤结束后无法打开testapp项目文件夹就需要打开项目管理器HBuilder编辑器顶部–跳转–跳转到项目管理器此时会在工作区看到testapp项目如图 5.在项目管理器中双击打开testapp项目文件夹并双击打开manifest.json文件此时会看到一个配置信息的弹框这里配置信息分多个页面配置首先看 应用信息 配置页面如图 图标配置 启动图配置 6.如果是一个简单的应用后面的配置项没有必要再进行配置此时将testapp中的index.html删除并将已经开发好的web页面复制粘贴到本项目中注意web页面各文件引用资源路径问题如下图将web项目中的index.html和main.js移动到testapp项目中 7.如果上面步骤都顺利的话需要保存manifest.json文件底部代码视图 Ctrl S如果忘记保存也没事后面发行时会有弹框提示点击确认即可现在就可以利用HBuilder的相关功能进行打包发行特别强调如果项目存在安全问题不建议使用HBuilder打包发行因为自己项目源代码会发布在HBuilder平台上虽然明确说明不会泄露源码但还是不建议这样做下面将一个无安全隐患的testapp发行打包如图 8.点击完云打包后会弹出打包相关选项忘记保存manifest.json文件会多弹一个保存manifest.json文件的弹框勾选配置项如图 9.点击打包后会弹出一个询问是否有权限漏选弹框根据实际情况点击之后会进行打包第一次打包可能会弹出认证的情况根据弹框提示网址进入网站上传身份证等资料实名认证即可认证成功的情况下继续打包可看到如下 10.此时根据提示拿到安装包如 11.移动app安装包实际是在项目文件夹unpackage下release文件夹中此时将这个后缀为apk的文件发送到手机等设备安装通过QQ等工具可发送到手机如下图为后缀为apk文件位置 12.安装完成后效果如下图
提示本文图片等素材来源于网络若有侵权请发邮件至邮箱810665436qq.com联系笔者删除。 笔者苦海
