1.安装HBuilder 2.将你的项目在HBuilder中打开 3.控制台 打包编译 npm run build 4.新建一个app项目,将项目编译生成的dist文件夹 ,复制到app项目中 5.双击manifest.json文件,修改页面入口,是否压缩的选项   (appid 注册登录后 则有) 6.点击发行,打包原生 (会有弹框 一直点击是 即可 之后会弹出打包进度) 7.下载安装包 之后发送至手机 安装后 查看效果 效果图 : . 不过 有很多兼容性的问题 不过是向大前端迈出一大步了 哈

前言 最近有点空余时间,所以,就研究了一下APP支付.前面很早就搞完APP的微信支付了,但是由于时间上和应用上的情况,支付宝一直没空去研究.然后等我空了的时候,发现支付宝居然升级了支付逻辑,虽然目前还兼容老的方法,但是新的既然出来了,肯定研究新的了.但是网上几乎都是旧的方法,所以,唯有自己看官方的文档,慢慢一步一步研究了.在研究的过程中,发现,他跟微信支付的差别蛮大的.好了废话不多说了,下面直接来干货. 首先,你得去蚂蚁金服开放平台申请一个应用,地址:https://openhome.alipa

1.运行HBuilder---百度搜索HBuilder,官网下载安装包,解压,运行HBuilder.exe.注册账号,并登陆 2.新建app---在左边右键,选择新建APP,或者,点击中间的新建app 3. 在弹出的窗口,填入应用名称,根据需求选择项目位置,以及模板内容 4.检验app效果----创建好之后,选择刚刚创建好的项目,在顶部选择运行,根据你的情况现在运行方式 5.效果展示---这是我刚刚选择的模板app展示,功能齐全,用着感觉还不错(若在手机运行过程中遇到了问题,可参见下一篇<HBu

楼主是使用vue-cli构建的页面,代码是vscode,然后使用hbuilder打包成移动端的安装包.首先确认在npm run build 之后没有问题(默认dist文件夹),可以使用anywhere开一个服务器看看. 在确保咩有问题的情况下,将dist文件夹直接拖进 hbuilder (hbuilder下载地址)中, ,在dist上面右击,点击 转换成移动app,dist的图标会由 W 变成 A,如图: ,dist文件夹中会新增manifest.json(这个是app的配置文件,修改app图标

问题描述:Hbuilder打包的app如果点击手机返回键,app会直接退出,返回不了上一页. 写在公共js文件中,每个页面均引入该js,代码如下: document.addEventListener('plusready', function() { var webview = plus.webview.currentWebview(); plus.key.addEventListener('backbutton', function() { webview.canBack(function(e

众所周知,前端开发完成的webapp只能运行在浏览器上,对运行环境有一定的限制,也就是除了浏览器其他的环境下不支持:那么现在如果有个需求是这样的呢?需要一套代码三端运行呢?三端运行(黑人脸??)是的,三端运行即web端,安卓端和IOS端 :先别急着说实现不了和不可能,利用HBulder来试试: HBuilder是DCloud(数字天堂)推出的一款支持HTML5的Web开发IDE.  HBuilder的编写用到了Java.C.Web和Ruby.HBuilder本身主体是由Java编写.它基于Ecl

声明:本文可能用到一些工具和第三方网站,都是为了达到目的而使用的工具,绝不含有广告成分 1.下载.最新的Hbuilder X貌似不能直接创建移动app了(自己不会用),建议旧版.可去腾某讯软件中心下载使用. 2.新建移动app 基本设置 空模板结构 3.代码引入.推荐引入打包好的代码,直接将整个包引入.原来的空模板中的文件除了"unpackage"和"manifest.json"都可以删除.然后将打包好的代码放入就行 右键test,然后打开文件所在位置去删除和增加代

用php的header()方式下载压缩包. 要点:1.不能在header导出压缩包前向浏览器输出内容,否则文件下载压缩包成功,打开的压缩包也会显示被破坏. 2.在压缩文件包的php代码前不可以有js脚本.meta的加载,否则解压会显示损坏. <?php if(isset($_POST['mac'])) { // print_r($_POST); $mac = $_POST['mac']; $date = $_POST['date']; $version = $_POST['version'];

HBuilder是DCloud(数字天堂)推出的一款支持HTML5的Web开发IDE.该软件既可以支持web代码编写,也可以将已经编写好的项目代码打包为手机APP. HBuilder提供的打包有云端打包和本地打包两种,云端打包的特点是DCloud官方配置好了原生的打包环境,可以把HTML等文件编译为原生安装包. 1,下载HBuilder,注册并登陆.首先打开"文件"-"新建"-"移动APP",输入"应用名称","位置

一.前言 最近有这样的一个需求,需要把两个同名的.mtl文件和.obj文件打包成一个同名的.zip压缩包.刚开始文件不多的时候,只有几个,或者十几个,甚至二三十个的时候,还能勉强接受手动修改,但是随着项目的进展,手动压缩是没有效率且浪费时间的,于是就有了想用程序实现自动打包的想法. 二.使用jszip打包压缩包 首先项目的前端是通过jszip进行解压读取的,既然它能解压,自然也可以实现压缩.上GitHub上找了关于zip的压缩插件,还是发现jszip的star是排名第一的,不用用,有些过意不去啊

springboot整合web开发的各个组件在前面已经有详细的介绍,下面是用springboot整合layui实现了基本的增删改查. 同时在学习mui开发app,也就用mui实现了一个简单的自动登录和用户列表上拉刷新的app. 下面是自己实现前的思路: 1. web端实现用户的增删改查,SSM实现. Spring + SpringMVC +Mybatis + PageHelper 表主要有两个user表和token表. user表就是基本的信息(ID.username.password.user

转载 标签: apk / 打包 / vue 现在的前端开发可谓是,百花齐放啦,什么都可以做,只有想不到没有做不到的,今天就简单的介绍用vue,ng或者是react开发的单页应用如何打包为apk,在移动设备上运行. 这里以vue为例,其他的差不多,大家可以根据自己的情况去查找相应资料. 第一步,需要安装node,如果是做前端的er,这个应该就不用过多介绍了. 第二步,使用vue-cli工具初始化vue项目,这里只是做一个测试的项目,所以vue-router等东西就不用安装了,实际项目,根据具体情况

一.测试项目是否可以正确运行    指令:npm run dev 首先我们先建立一个vue的项目,本人用的是vue-cli随便建立的,然后运行项目 不必非得是像我这样的,这一步的目的只是测试一下咱们的vue项目是否可以运行 二.修改路径(assetsPublicPath: './') 打开我们config中的js文件,修改assetsPublicPath的路径为"./"(下图的右下角位置) 三.打包文件  指令:npm run build 打包后会生成dist文件 四.把dist文件变

1.在打包之前需要修改一个地方,那就是config->index.js文件,修改assetsPublicPath: '/'为assetsPublicPath: './',截图如下 上面文件改好后,开始打包,执行如下命令: npm run build 生成 dist 文件夹 2.打包步骤 步骤一: 将 dist 文件 放入 HBuilder 编辑器中,将项目 转换成 App ,生成 manifest.json 步骤二: 配置 manifest.json , 点击 "发行" 按钮 -

摘要:基于HBuilder建立一个简单的移动app项目,并打包成apk,使用这套平台用H5开发真正的移动项目,相当于省去了原生部分的人力和工作配合,性能的话,后续我会基于这套技术开发相关的应用来验证,看能否媲美常用的hybrid应用. 一.  下载HBuilder安装包,官网地址:http://www.dcloud.io/ 二.  打开HBuilder并注册登录,新建移动App项目. 三.  点击新建移动App后,在弹出的框中,选择相关项目信息,点击完成. 四.现在先测试真机调试能不能用,usb

最近两天,新的APP准备要上线,然后打包正式发布版 时,总是提示不匹配 证书照hbuilder里面的文档 一样也不行,然后百度了N种方法,都是不行,而且也比较少搜索到相关问题. 后来都是谷歌了下,找到别人的解决方法,有一个是说权限问题.解决方法是这样: 我试了是不行.后来又看到一个方法,是证书信任问题,下载 的cer发布证书安装后双击,信任那里选择始终信任 然后再导出p12格式 的证书... 然后才解决.....好了,继续研究怎么上传到APP STORE了

使用Hbuilder来打包自己的H5项目 第一步 在Hbuilder上新建一个"移动APP"wolf(项目命名随意)(如果没用引用mui框架的东西,"选择模板"中可以勾选"空模板") 第二步 新建"空模板"项目wolf中,删除不必要的文件夹,只保留以下文件 第三步 然后把你的H5项目里面相关的文件拷贝到Hbuilder中新建的项目wolf中(自己的H5项目文件)(拷贝到HBuilder中) 第四步 点击maifest.json

1.运行HBuilder---百度搜索HBuilder,官网下载安装包,解压,运行HBuilder.exe.注册账号,并登陆 2.新建app---在左边右键,选择新建APP,或者,点击中间的新建app 3.在弹出的窗口,填入应用名称,根据需求选择项目位置,以及模板内容 4.检验app效果----创建好之后,选择刚刚创建好的项目,在顶部选择运行,根据你的情况现在运行方式 5.效果展示---这是我刚刚选择的模板app展示,功能齐全,用着感觉还不错 6.打包成app---选择要打包的项目,在顶部选择运

一.测试项目是否可以正确运行    指令:npm run dev 首先我们先建立一个vue的项目,本人用的是vue-cli随便建立的,然后运行项目 不必非得是像我这样的,这一步的目的只是测试一下咱们的vue项目是否可以运行 二.修改路径(assetsPublicPath: './') 打开我们config中的js文件,修改assetsPublicPath的路径为"./"(下图的右下角位置) 三.打包文件  指令:npm run build 打包后会生成dist文件 四.把dist文件变

1.首先使用的是vue-cli构建的页面,用hbuildX打包成移动端的安装包(hbuildX打包成app的流程,请看自行搜索) 2.cnpm install build 生成dist文件夹,里面包含static+index.html 3.将dist文件夹直接复制在hbuilderX中,打包成移动端app,此处我打包的是Androidapp 4.下载到手机端之后页面是空白的 解决的方案: 1.在config/index.js 下的配置路径出现了问题 改为:assetsPublicPath: '.