HBuilder

在此简单讲述一下个人的理解； 方法： 对于Hbuilder里的项目文件： 1。直接右键：转换成移动app，然后生成一个json文件manifest.json，在该json文件下配置好应用程序的图标、和功能权限设置 2。点击上方的菜单栏“发行”--》发行为原生安装包，载2进行一系列的打包操作，下载即可像用一般程序一样了 对于vue项目app: 在vue项目目录下打开终端并运行项目（yarn serve/npm serve） 然后打开vue脚手架（vue ui）：进入项目管理，配置项目将dist打包路劲： 在这里配置路径为：/storage/emulated/0/Android/data/io.dcloud.HBuilder/.HBuilder/apps/HBuilder/www/ 因为在配置原来路径为当前目录时在网页打开的浏览路径为： 谷歌远程移动端调试方式： 改好路径确认修改后到终端输入命令：yarn build 运行，即可生成一个dist包到我们的项目目录下，这时我们可以将该包拖拽到Hbuilder里，并通过步骤一再到步骤3的运行测试，即可生成一个完整app应用了 当然在手机端和电脑端先安装一个电脑控制手机的软件： 3.然后手机和电脑连接（软件上面有教程），再打开Hbuild:运行 手机运行——在手机上会自动安装一个Hbuilder软件并运行测试刚生成的项目 来源：

一、配置config/index.js 本人没有配置index.js文件，就开始进行了打包，结果最终效果是页面空白，解决了空白，接着底部图标（我是用的阿里巴巴图片）资源找不到。所以配置这步比较重要。 （1）页面空白的解决： 打开config/index.js，将build模块的assetsPublicPath值改为’./’ assetsPublicPath: './', 发布路径 （2）css引用图片资源找不到问题： 因为打包后路径发生变化，导致这个图片就找不到。 stackflow上有一个解决办法，很简单打开“build/utils.js”，增加一行代码即可 publicPath:'../../' 　　 二、通过webpack打包 执行这样命令后，可以看到根目录的dist文件夹下是打包好的静态资源 这样就打包好了，里面有index.html 以及 static文件夹（包含fonts、img、js、css文件夹）两个 三、使用hbuilder打开 将dist文件下拖动到huilder软件中即可 dist文件夹，就是拖动进去的，A 标记是app的意思，W是web的意思。我这里是已经转为app了，所以dist文件夹以 A 标识 ，没有转换之前是 W 标识 四、转换为移动APP 由于我已经转为APP，我用helloHBuilder做示范 右键需要转为app的文件夹，弹出的快捷菜单中——

一、测试项目是否可以正确运行 指令:npm run dev 首先我们先建立一个vue的项目，本人用的是vue-cli随便建立的，然后运行项目 不必非得是像我这样的，这一步的目的只是测试一下咱们的vue项目是否可以运行 二、修改路径( assetsPublicPath: './' ) 打开我们config中的js文件，修改assetsPublicPath的路径为"./"（下图的右下角位置） 三、打包文件 指令:npm run build 打包后会生成dist文件 四、把dist文件变成app模式 在HBuilder中点击文件，打开目录，找到我们项目中的dist文件，确定。 然后我们会看到这样的带着 W 的文件 五、转换APP 右键dist，点击转换成App(T) 六、 在 manifest.json里面 配置APP名字及APP图标 我们在上一步会生成一个 manifest.json文件，打开它，我们在这里操作 app名字：就是应用名称（这里我写的是思源000） app图标：现在下面点击图标配置，然后选择图片放上去（图片只能为PNG格式,通过手动改后缀是不可以的），在这里我选择的是圣诞小人的图标 七、生成apk 1.点击发行，发行为原生安装包 2.点击使用DCloud公用证书，点击打包 好了打包成apk文件了，把这个安装到手机上咱们就可以用了，嘿嘿！！！ 如果以上方法打包后还白屏

大家都知道VUE项目通过HBuilder X进行打包成APP，参考步骤： 利用HBuilderX将vue项目打包成app 大家打包过程会发现：勾选DCloud老版本正式（我使用的是HBuilder X2.8以上版本）都要求实名制了，比较麻烦，不想实名制，实名制后然后又要啥来着。然后就选择了“使用公共测试证书”选项，发现这个打包过程还是失败，还要求开通什么账号，可能还要付费之类的： 以上方法行不通，没办法，我只选择“使用自有证书”，也就是自己做证书，这个官网明确说：Android证书的生成是自助和免费的， 不需要审批或付费 。 或者第三方傻瓜式自动生成证书 ： https://www.yunedit.com/createcert （没试过） 制作证书的那个方法查看官网方法1： https://ask.dcloud.net.cn/article/35777 官网大致总结3个步骤： 步骤1： 大概流程如下：最后一步选择：”是“，选择其他的就会循环让你输入前面的内容 查看是否新建成功，别名是你上上图输入的，可以修改自己想要的 生成成功，在HBuild会提示你证书生成路径在:D:/test.keystore,你只要上传就行 步骤2： 把你生成证书导入即可，内容如下，这个名称和密码是你刚刚输入的（看看 官方文档 ）上图 打包成功后会提示。。 步骤3： 查看云打包状态，然后下载,点击“运行”--

首先从官网http://www.dcloud.io/ 下载HBuilder，用该软件创建一个HTML5的移动APP项目，具体可去官网查看相应的文档。 接下来就是如何将写好的HBuilder引入到我们的安卓项目中。 先到 http://ask.dcloud.net.cn/article/103 下载HBuilder离线打包Android版SDK，SDK里面有个HBuilder-Integrate工程我们将会用到，接下来开始了~~~~~ 先用Android Studio创建一个新项目（MyFirstMUI）。 1、 导入jar包 ，可从HBuilder-Integrate工程的libs中选择，具体要导入哪些jar包可从SDK中的Feature-Android.xls中查看。 2、加入APP资源： ①在工程目录下的创建assets文件夹，并在assets目录下添加apps目录 ②在apps目录下创建应用ID同名目录 ③在应用ID同名目录下创建www目录 ④将应用资源和应用配置文件（manifest.json）拷贝到www目录下 其中“H5B1EA68D”目录名称为应用manifest.json中的id名称，务必一致。 添加control.xml文件和properties.xml文件到assets->data目录下 其中control

1、什么是APP 使用HBuilder打包出一个app应用 　　新建一个5+app的项目，模板选空项目就行，然后把自己的项目目录依赖覆盖进来（html、css、js等）， 　　然后双击manifest.json文件去配置自己app的平台和各种配置 　　然后点击发行---原生app云打包，最后打包生成了.apk文件 　　然后发送到手机，下载安装就行了 　　　　　　注意： 基于vue开发的项目若是打包后出现白屏，一般是路径不对，那就要修改配置文件vue.config.js后再 npm run build后执行云打包 　　----使用HBuilder打包app的缺陷---项目代码都会上传到HBuilder服务器，所以对我们而言是不安全的，大公司不会这么搞，中小型企业ok 　　 　　 web app 开发（html css js +框架+ 打包成app）---H5+app（利用HBuilder打包） 移动app开发环境配置---- react native的开发环境配置 　　　　　 来源： oschina 链接： https://my.oschina.net/u/4385749/blog/3487621

首先我们准备苹果手机一台，数据线一根，然后连接到电脑。 1.电脑安装iTunes 软件，网址：http://soft.onlinedown.net/soft/279734.htm 安装完成之后打开iTunes ，此时苹果设备应该会弹出授权，点击允许就行。 进入这个界面之后，证明我们已经成功连接到苹果设备。 2.进入HBuilder 运行到手机 如果出现这个情况，重启下HBuilderX 就好，然后重新点击运行到苹果设备。 然后我们就可以看到苹果设备上会出现一个HBuilder 3.苹果设备进设置信任HBuilder 然后点击HBuilder 运行，然后你会发现弹出未信任的弹窗，不要慌，进设置里面信任软件就行。 教程地址：https://jingyan.baidu.com/article/fec4bce2b65bd4f2618d8bdc.html 设置完之后再点击HBulider ,我们就能访问到刚才运行的程序了。 原文出处：https://www.cnblogs.com/yunsun/p/11506444.html 来源： oschina 链接： https://my.oschina.net/u/4267381/blog/3253354

前言： 心血来潮。（受不了现在某翻译app烦人的广告）冒出想法，自己通过百度提供的翻译api接口自己去做一个简易的app来用。小白项目，大佬勿喷 :) 1 打开编辑器开始撸代码 准备工具：HBuilder 百度翻译api接口（自行申请） 技术： mui jQuery vue 这个项目利用HBuilder 来进行打包的 利用他家的mui框架来写 ① 创建 一个mui项目 目录结构 我们打开 manifest.json 进行app配置 我们可以在这个文件下进行app的设置 包括 app名字、描述、图标、启动图片等 ②引入js 用jQuery是因为习惯了他的ajax写法、md5.js是百度提供的身份验证要用到的(需要大家自行翻译api申请key) ③ 语音输入的引用 mui家有个 H 5+Runtime 里边有个语音api可以调用 实现语音输入、、需要在app加入语音输入的小伙伴合一了解下 ④ 上代码 其实很简单的原理 拿到输入内容 -->ajax请求-->返回的结果输出 H5部分： < div > < textarea placeholder ="翻译结果" v-model ="returns" ></ textarea > </ div > < div > < textarea v-model ="keys" placeholder ="请输入翻译内容" ></ textarea >

在HBuilder上对APP提供了两种打包方式，云打包和本地打包，下面主要对这两种打包方式做个介绍 两者的区别：云打包相对简单，但是每天最多只能打包五次，而且在高峰期打包时间可能会很长，本地打包相对比较复杂，但是不限制次数，打包时间也短 一. 云打包：只需要设置相应参数即可。比较复杂的地方可能就是证书，如果你是测试包，Android的话直接选择共用证书即可，ios则需要申请相应证书，申请证书的具体方法官方也介绍的很清楚了，就不赘述了。 二.本地打包：本地打包相对比较麻烦，官网也做了详细介绍，但是感觉不太精简，设置一大堆，看起来也不清晰，所以我在这边大致整理了一下（uni-app安卓打包方式），大致分为底下几个步骤。 需要用到的软件： Android Studio 下载地址： Android Studio 官网 OR Android Studio中文社区 App离线SDK下载： 最新android平台SDK下载 打包步骤 在 HBuilder 上选择发行 -> 原生App-本地打包 -> 生成本地App打包资源，会在项目里生成一个unpackage的文件夹 打开Android studio新建一个空白项目 因为会自己生成默认属性，Minimum API Level也会选择最新的，所以一路next，Finish就行了 将lib.5plus.base-release.aar

微信小程序开源版 微信小程序uniapp配置 配置小程序的前提是必须部署好SSL证书 商城后台微信小程序操作 下面填写信息需要在微信小程序中找 登录微信小程序--找到菜单设置 微信小程序的APPID和APP密钥 将后台的合法域名填写到微信小程序中合法域名那 填写完以上之后下载小程序源码 下载完小程序源码之后需要把源码导入到hbuilder中,下载hbuilder([ https://www.dcloud.io/hbuilderx.html ]) 修改文件的api路径 安装一个运行插件 发行该项目小程序-微信 （如图） 如果微信开发者工具中登录的是该小程序的开发者，那么发行完 会直接运行到微信开发者工具中上传即可。 导入到微信开发者工具中有如下报错的时候，在截图的那个文件中把直播插件删除一下保存即可 点击上传，上传到微信小程序后台 上传到微信小程序后台为开发版本，然后提交审核，等待审核成功之后，进行发布，即可在线上搜索到该小程序。 来源： oschina 链接： https://my.oschina.net/u/4103048/blog/4759711