webapp打包_vs2017打包webapp - CSDN
精华内容
参与话题
  • vue打包webapp要点

    2019-06-20 03:27:52
    一、vue源码的设置1)src中关于router的配置 model:'history'...如果上面两项没设置对,那么,打包出来的webapp是空白的,呵呵。 二、Hbuilder打包安卓的过程1)打开目录,选择vue里面npm run build生成的dist目录。...

    一、vue源码的设置
    1)src中关于router的配置 model:'history' 要去掉,即地址栏中保留“#”。
    2)config的index关于build的配置 assetsPublicPath:'./' 注意要加点。
    如果上面两项没设置对,那么,打包出来的webapp是空白的,呵呵。

    二、Hbuilder打包安卓的过程
    1)打开目录,选择vue里面npm run build生成的dist目录。
    2)右击该目录,"转换成移动APP",目录树中的图标从 W 变成 A。
    3)目录树中出现 manifest.json ,双击,配置(如基本信息、图标配置、启动图片等等),保存。
    4)“发行”--“云打包-打原生安装包”,提交打包任务(为了用户体验,去掉广告。选安卓证书)。
    5)把产生的apk 文件分发。
    在目录树中选中index.html,然后 “运行”--“浏览器运行” 即可,这样可以在chrome中去调试代码。

    如果是纯粹的移动端web,没有涉及到设备,打包一个安卓基本上就结束了。

    转载于:https://blog.51cto.com/44855/2171678

    展开全文
  • 最近因为需求,需要把移动端网页打包成APP,本人一直是做网站开发的,没想到现在的webapp打包能如此方便了,打包的时候只用提供网站链接就可以了(原理应该是做一个app简单浏览器,然后默认打开你网站的链接),让你...

          最近因为需求,需要把移动端网页打包成APP,本人一直是做网站开发的,没想到现在的webapp打包能如此方便了,打包的时候只用提供网站链接就可以了(原理应该是做一个app简单浏览器,然后默认打开你网站的链接),让你轻松拥有一款webapp,而且因为用的是网页开发,跨平台无压力,并且只用维护网站就够了,不得不说,HTML5确实挺牛,不多说,分享一下本人测试过的三款在线打包工具。

            一、一门APPhttp://www.yimenapp.com/?un=75310

           这款是我最后才发现的,也是我最终选择的。选择理由,使用简单,插件丰富,而且可自由选择搭配,也没发现什么bug,客服也比较积极。

            二、APPcan,http://www.appcan.cn/

            这款是我差点选择的,但是后面发现一个对我的应用来说是一个致命的BUG,就是跳到爱淘宝(其他网站我没测试),样式错乱,而且不能自动跳转到淘宝APP,一门和下面我要介绍的另一款都可以。这款的优势在于有免费的额度,自己玩玩的话完全够,然后插件也很多,还能自己开发插件,但是我测试的时候,插件没用起来,客服也不知道怎么回事,不过因为上面的问题,就舍弃了这个平台。

    三、变色龙云APP https://www.bslyun.com

            这款是我一开始用的,插件比较少,然后价格比较高,一年两千多,所以放弃了

     

    展开全文
  • 如何将WEB网页打包为APP?

    万次阅读 2019-02-15 12:00:10
    首先我们需要用到HBuilder。 什么是HBuilder? ...HBuilder的编写用到了Java、C、Web和Ruby。HBuilder本身主体是由Java编写,它基于Eclipse,所以顺其自然地兼容了Eclipse的插件。快,是HBuilder的最大优势,通过完整...

    首先我们需要用到HBuilder。

    什么是HBuilder?

    HBuilder是DCloud(数字天堂)推出的一款支持HTML5的Web开发IDE。HBuilder的编写用到了Java、C、Web和Ruby。HBuilder本身主体是由Java编写,它基于Eclipse,所以顺其自然地兼容了Eclipse的插件。快,是HBuilder的最大优势,通过完整的语法提示和代码输入法、代码块等,大幅提升HTML、js、css的开发效率。当知道如何创建HTML5 APP项目,以及APP页面如何调试后。接下来,需要考虑的就是HTML5 APP项目打包的事情。

     

    HBuilder安装完毕后选择新建移动APP项目。

    直接把项目按文件分类拖进去。

     

    在HBuilder中创建“移动App”应用后会在工程下生成manifest.json文件,在“项目管理器”中双击即可打开

    Manifest.json文档介绍:

    Manifest.json文件是5+移动App的配置文件,用于指定应用的显示名称、图标、应用入口文件地址及需要使用的设备权限等信息,用户可通过HBuilder的可视化界面视图或者源码视图来配置5+移动App的信息。

    Manifest.json文件根据w3c的webapp规范制定,plus节点下内容为HTML5Plus扩展规范,其下包括iOS和Android子节点,内容来源分别为iOS和Android原生打包所要求的参数,用于对5+移动App打包为ipa或apk安装包进行配置。

    应用信息配置:

     

    可通过点击表示设备方向的按钮来选择设备支持重力感应旋转方向。

    重力选择按钮可选择一个或多个,选择多个方向后,应用可按照指定方向显示应用页面,如只选中一个按钮,表示终端只支持一个方向显示页面内容

    应用名称:App打包后在手机上桌面的快捷方式名称;

    appid:HBuilder appid(应用标识),在创建时分配的、以后不可改的标识。如用户手动修改ID打包时会提示参数错误;

    版本号:应用的版本号

    入口页面:应用启动后自动打开的第一个HTML页面,可填写本地html文件地址(相对于应用根目录)或网络地址(以http://或https://开头)。

    debug模式:不勾选打包后的apk不生成日志文件

     

    点击“发行”-“发行为原生安装包”

    可以勾选ios和Android的安装包

    ios选项:默认选择ipone和ipad版本,选择越狱包可以不需要苹果证书,如果是需要发布到苹果商店点选使用证书,在下方ios开发者证书把相应的描述文件和私钥文件上传好。

    Android选项:如果只是打包的应用是自己用的话可以选择DCloud公用证书,如果是需要发布到线上应用商店徐点选使用自有证书,在下方的Google开发者证书把相应的证书文件、密码上传上去。

     

    图标文件和启动图片都需要png格式的图片,用户可以根据HBuilder提示添加指定尺寸的图片

    或者通过修改manifest文件修改图片的引用地址

    设置应用图标只能上传png格式的图片,可以通过上传一张192x192的源图片,可以选择自动生成所有ios和Android上不同格式的应用图标。

     

     

    点击菜单栏“运行”-“手机运行"(可以是Android手机运行,也可以是IOS手机运行)---- 前提是用数据线连接手机和电脑端。

    首次手机运行,会自动安装HBuilder APP软件(该软件用于直接打开运行的APP软件界面),下面是安装完成的效果。

    对于安桌手机,需要先把USB调试和USB安装应用选项打开,安装HBuilder APP软件后,会自动打开运行的APP软件。对于IOS手机,需要在电脑上打开itunes,通过itunes连接到手机,安装HBuilder APP软件后,需人工点击HBuilder APP软件打开运行的APP软件。

     

    其他的选择项

    ios打包ipa:iOS开发环境,Mac OS、XCode;

    Android打包apk:Android开发环境,使用eclipse和ADT;

     

    参考文献

    DCloud文档: http://ask.dcloud.net.cn/docs/#//ask.dcloud.net.cn/article/89

    5+APP开发入门指南:http://ask.dcloud.net.cn/docs/#//ask.dcloud.net.cn/article/89

     

    一些问题

    打包应用时的开发者证书怎么获取?

    参照以下链接

    http://www.cnblogs.com/vincent-guo/p/3568074.html

    http://www.cnblogs.com/franksunny/p/3938143.html

    http://www.jianshu.com/p/01e2b977f177

    对安卓各个版本和机型的兼容性

    一般可以适应安卓4.0以上

    展开全文
  • 公司做好一个H5的网页版网站,想直接打包成ios 和andrioid的App应用,方法很简单步骤详见我的另一篇博文(http://blog.csdn.net/lxy1106/article/details/79420176),此处为第2步的Hbuilder的解决方案,只需要将该...
  • 利用HBuilder打包前端开发webapp为apk

    万次阅读 热门讨论 2017-07-25 16:36:37
    现在的前端开发可谓是,百花齐放啦,什么都可以做,只有想不到没有做不到的,今天就简单的介绍用vue,ng或者是react开发的单页应用如何打包为apk,在移动设备上运行。 这里以vue为例,其他的差不多,大家可以根据...

    现在的前端开发可谓是,百花齐放啦,什么都可以做,只有想不到没有做不到的,今天就简单的介绍用vue,ng或者是react开发的单页应用如何打包为apk,在移动设备上运行。

    这里以vue为例,其他的差不多,大家可以根据自己的情况去查找相应资料。

    第一步,需要安装node,如果是做前端的er,这个应该就不用过多介绍了。

    第二步,使用vue-cli工具初始化vue项目,这里只是做一个测试的项目,所以vue-router等东西就不用安装了,实际项目,根据具体情况而论。



    第三步,常规的开发,比如希望实现的功能等。

    第四步,开发完成后需要配置项目为线上项目前的几个配置,如下:


    上面主要是打包前的配置。

    第五步,打包项目。


    第六步,打开HBuilder开始打包为apk。文件-》打开目录,选择刚刚项目的dist目录,项目名称随便,这里就为dist


    在项目上右键转成移动项目


    当项目的图片上显示为a时就可以了。接下来就是设置启动的图标等信息了,直接点击json的文件就会有设置界面


    然后发行为原声应用


    进行相应设置就可以了



    打包成功后就可以将apk文件反正到手机上查看效果了。




    展开全文
  • webApp或者H5页面打包成App

    千次阅读 2019-01-16 16:24:41
    但如果是webApp和H5页面的话我可以教你用Hbuilder打包 1、搜索Hbuilder 2、进入官网下载(当然你在其他途径都可以) 3、 点击DOWNLOAD 4、注意不要下载最新版,下载老一个版本的(最新版找不到新建app) ...
  • WebApp打包

    2017-11-08 19:04:50
    下载安装后我们就开始打包已有项目了,我们以vue项目为例,保证vue项目正常运行,并已经npm run build生成了dist文件夹 1 文件》新建》移动app 填写应用名称,选择位置后完成 2 拷贝vue项目dist文件夹内容到...
  • 因为是网上下载的springboot系统,一开始默认是打包成war包,但是有一个问题,前端的验证码加载不出来,我查了一下应该是打包成war包部署在Tomact中,Tomact的问题。问题如下所示: 前端是一个src="/drawImage" ...
  • 1、打包webapp和resources <build> <resources> <resource> <directory>src/main/resources</directory> <includes> <includ...
  • 解决myeclipse部署maven时,src/main/resources里面配置文件加载不到webapp下classes路径下的问题。
  • SpringBoot--关于使用webapp目录

    万次阅读 2018-04-26 10:56:31
    ž之前我在学习springBoot集成springMVC的时候发现webapp目录, 1. 直接右键运行,访问不到页面,原来并不是不支持啊,只是默认没有把它放在编译路径里面。 我们可以在项目的package exlorer视图下,右键build ...
  • 怎么将webApp打包上传到App Store

    千次阅读 2016-10-11 14:31:54
    webApp打包上传到Appstore流程: 先将HTML5写好的webApp通过html5编辑器Builder打包为ipa包,打包流程下图 发行为原生安装包后如图所示: 咋们发行的是iOS版本,所以最上面一栏选者iOS,支不...
  • 利用Hbuilder把webapp打包为apk

    千次阅读 2018-07-20 07:51:34
    搞了一下午的打包,把该踩的坑都踩了,终于成功打包了。我试验了两个,下面来分别介绍。 1.打包原生的webapp 准备工作:右击项目包名,转换成移动app。 转换完成之后,会出现一个名为manifest.json的文件,点开...
  • 如何将H5和WebApp 加壳成apk、ipa

    万次阅读 2018-03-02 11:49:59
    问题:已经做好的纯H5的站点 想分别加两个... app图标需要修改成自己设计的,需要支持图标替换原理:Hbuilder工具支持创建WebApp打包操作,我们只需要一个Hbuilder解决方案,在里面修改url和替换app图标,然后 ...
  • 开始打包App 点击发行后提示 信息没有配置完整 配置manifest.json 权限 配置完以上信息,记得Ctrl +s 再次发布!!!     打开下载目录 注:云打包Hbuilder集成的启动页无法彻底关闭...
  • 问题:使用springboot写一个微服务,将pdf以模板形式导出,pdf模板放在webapp下,在eclipse中运行没有问题;以maven打成jar包,导出pdf时,提示找不到该模板; 打开jar包,其中没有静态文件 解决思路:将该模板放在resource...
  • spring boot 打包问题

    2015-12-25 01:59:45
    开发时将css,js,html 放在 src/main/webapp下,调试都一切正常,,但是打包成jar后,webapp下的资源全部无法访问,求解
  • spring boot maven打包时排除资源目录

    万次阅读 2018-04-20 12:36:30
    我把Vue.js 的前端项目放在了resources/webapp目录下,当Vue.js build出结果到resources/statics下以后,这个webapp作为源码目录是不应该被打包到最后部署的jar包中的。于是想把这个resource/webapp目录给屏蔽掉。我...
  • JAR打包webapp目录下资源

    千次阅读 2018-05-17 08:03:14
    修改pom:&lt;build&gt; &lt;resources&gt; &...${basedir}/src/main/webapp&lt;/directory&gt; &lt;!--注意此次必须要放在此目录下才能被访问到--&gt; ...
  • webapp项目已经通过vue-cli搭建的脚手架写好了,然后通过webpack打包成一个部署文件list,如下: 打开HBulider,打开目录,选择这个list,项目名称自己更改。 这个时候是web项目,需要改为APP项目 更改前: ...
1 2 3 4 5 ... 20
收藏数 27,780
精华内容 11,112
关键字:

webapp打包