精华内容
参与话题
问答
  • WebApp打包

    2017-11-08 19:04:50
    下载安装后我们就开始打包已有项目了,我们以vue项目为例,保证vue项目正常运行,并已经npm run build生成了dist文件夹 1 文件》新建》移动app 填写应用名称,选择位置后完成 2 拷贝vue项目dist文件夹内容到...

    HBuilder打包

    HBuilder是一款前端开发的工具,可以到http://www.dcloud.io/下载
    下载安装后我们就开始打包已有项目了,我们以vue项目为例,保证vue项目正常运行,并已经npm run build生成了dist文件夹
    1 文件》新建》移动app
    这里写图片描述
    填写应用名称,选择位置后完成
    2 拷贝vue项目dist文件夹内容到当前目录
    这里写图片描述
    3 发行》发行为原生安装包
    这里写图片描述
    这里我们使用的是远程编译,选择要生成的平台
    4 点击完成后,提示你确认应用的权限,确认提交代码,可以选择查看状态
    这里写图片描述
    等待打包成功,安装apk即可

    展开全文
  • webapp打包为Android的apk包的一种方法

    千次阅读 2020-06-24 19:16:52
    关于如何打包为Android的安装包,总结了下其中的一种方法,使用cordova把webapp打包为apk包。 先看下在电脑web浏览器上的运行效果: 首先需要安装cordova。 假设已经具备的nodejs是环境,可以执行npm下载安装。...

    开发了个纯web的app小demo,想着最终集成到微信公众号上做个小功能,并测试下如何跨平台的运行在Android上。

    关于如何打包为Android的安装包,总结了下其中的一种方法,使用cordova打包为Android的apk安装包。

    先看下在电脑web浏览器上的运行效果:

    首先需要安装cordova。

    假设已经具备的nodejs是环境,可以执行npm下载安装。

    npm install -g cordova

    npm默认的下载有点儿慢,更改为淘宝的镜像源,方法如下。

    npm config set registry https://registry.npm.taobao.org

    还可以使用yarn安装 cordova。yarn功能和npm差不多,但yarn更快,更稳定和好用。网上可以查资料比较npm和yarn区别了解下。其中yarn的一个优点是更稳定,npm经常安装失败的错误,且yarn下载过的包下次在yarn install不会重复下载相同的包。

    言归正传,

    命令行下输入:
    1.cordova create  hello com.example.hello demo

    hello为项目的根目录名,后面的为应用的包名,最后的demo为应用的名字。

    cordova项目页面文件在生成的项目目录hello中的www目录中,放入对应文件。

    把你的webapp的dist打包好的内容放到www目录里。替换原来原有的内容。

    2.命令符进入到cordova项目www目录中,添加browser平台 cordova platform add browser (浏览器运行) 

    3. 浏览器运行  cordova run

    4.打包apk安卓运行,生成的安卓包

    cordova platform add android
    cordova build android

    在这步之前,先检查下环境是否ok.否则打包肯定是失败的。

    输入cordova requirements,会自动检测打包环境是否就绪。

    最后看到BUILD SUCCESSFUL就是打包成功了。体积挺小的。我的这个才1.5M。

    试了下安装到机器上, adb install  ./app-debug.apk 完美运行。

    展开全文
  • 怎么将webApp打包上传到App Store

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

    将webApp打包上传到Appstore流程:

    先将HTML5写好的webApp通过html5编辑器Builder打包为ipa包,打包流程下图


    发行为原生安装包后如图所示:


    咋们发行的是iOS版本,所以最上面一栏选者iOS,支不支持iPad版本看自己需求,另外选择使用苹果证书,接下来就是填写iOS开发证书信息;

    第一栏AppID就是你的项目工程Bundle IdentIfiier,在这里工程自己自动生成

    第二栏私钥密码如图所示

    就是你在苹果开发者中心下载后安装的发布证书导p12文件是输入的密码,说到p12文件就是第四栏需要的私钥证书;

    下面到第三栏profile文件,这个文件是你在苹果开发者中心下载的描述文件(记得安装后再去选择,去开发者中心生成发布证书以及生成描述文件流程我就不去一一介绍了)

    第四栏就是咋们导出p12文件,然后进行webApp项目打包,打包后是一个ipa包,这就是咋们要上传到AppStore的打包项目

    将ipa下载下来,准备传到AppStroe

    接下来去苹果开发者中心创建项目


    创建项目,填写一系列项目信息后,到最关键一步,为项目构建版本,构建版本有两种方式一种是用Xcode,另一种是用Application  Loader 构建,Xcode我目前还不知道能不能直接构建webApp,我用的是Application Loader.点击Application Loader会自动下载,下载完成后如下图所示


    下载完成登录Application Loader,选取你用Builder打包好的ipa包,然后交付你的应用,这时你开发者中心构建的项目已经构建好了,接下来就可以正常提交你的webApp让苹果人员审核了。

    展开全文
  • webapp 打包问题

    2016-07-13 16:50:37
    比如用html5+css3+js 完成了界面 问题:数据怎么调用: ... ...用第2种方法在浏览器上是没有问题的。如果我要打包成app,该用什么工具,C#后台语言对打包Android和ios有什么影响吗? 请牛人提供解决方法,谢谢!
  • 公司做好一个H5的网页版网站,想直接打包成ios 和andrioid的App应用,方法很简单步骤详见我的另一篇博文(http://blog.csdn.net/lxy1106/article/details/79420176),此处为第2步的Hbuilder的解决方案,只需要将该...
  • Hbuilder打包安卓app的两个简单例子,一个是按空模板生成代码,一个是按hello H5+模板生成的代码,附带一个js,用于其它子页面监听手机的返回键的。博客介绍地址: ...
  • cordova可以帮我们将一个webApp打包成安卓apk和ios的App,本文详细描述了cordova的环境搭建以及打包vue项目的webapp成手机端的App的详细过程,打包的app分为debug版本的调试版以及能上线的release版本,其中都会做...

    简介

    cordova可以帮我们将一个webApp打包成安卓apk和ios的App,本文详细描述了cordova的环境搭建以及打包vue项目的webapp成手机端的App的详细过程,打包的app分为debug版本的调试版以及能上线的release版本,其中都会做详细介绍,文章中会也会描述整个环节遇到的坑以及解决办法。

    cordova环境搭建

    安装node以及全局安装cordova,node安装自行百度,安装完node在命令行执行 sudo npm install -g cordova 然后创建cordova项目,命令行输入 cordova create hello com.example.hello HelloWorld hello指的是创建的文件夹名称,cordova项目的文件夹名称 com.example.hello指的是做的app的id HelloWorld是App的名字 现在cordova项目已经搭建完毕

    安卓环境配置

    打包安卓app需要配置java的环境变量和Android Stuido,Android Studio集成了安卓开发的SDK什么的,下载完就可以了,java和android Studio下载完成之后还要下载Gradle(一个构建工具)JAVA传送门 Android Studio Gradle其中下载gradle有一个坑,gradle支持mac的两个包管理工具下载,Homebrew和MacPorts,这两个安装一个就可以了,我选的是MacPorts,但是在安装的时候卡住,网上也又很多安装的时候卡住的问题,网上试了很多方法都不可以,最后我是命令行强制重启了mac,然后在重新安装之后才安好了,homebrew我没试,建议用homebrew下载; 友情提示:网络最好能翻墙

    ios环境配置

    首先需要去App Store下载Xcode, 下载完成后在命令行执行 xcode-select --install 然后执行 sudo npm install -g ios-sim sudo npm install -g ios-deploy 最后还要安装CocoaPods,执行 sudo gem install cocoapods 下载完成后ios环境应该就可以了;

    vue项目改动

    vue项目要在index.html里引入cordova.js图片描述 修改config中的index.js里的文件 修改build中

    assetsSubDirectory: 'static',
    assetsPublicPath: '/',

    assetsSubDirectory: '',
    assetsPublicPath: '',

    然后运行项目看看能不能起来,如果起得来就

    npm run build

    打包vue项目,将打包好的dist目录里的文件全部拷贝到cordova项目中www文件夹,将www文件夹的内容全部替换 然后命令行

    cd hello

    进入文件夹

     cordova platform add ios --save
     cordova platform add android --save

    分别对应ios和android 此时可以执行

    cordova requirements

    查看环境是否安装完全,如果又报错,按照提醒下载就行了 打包安卓debug版本

    cordova build android

    打包成功会显示打包的apk路径,apk名字叫app-debug.apk可以安装在安卓手机上运行 ios打包完成需要在xcode里运行,然后在模拟器看效果

    安卓release版本打包

    Android app 的打包流程大致分为 build , sign , align 三部分。 sign是为 APK 签名。不管是哪一种 APK 都必须经过数字签名后才能安装到设备上,签名需要对应(keystore),大部分情况下APK都采用的自签名证书,就是自己生成证书然后给应用签名。

    align是压缩和优化的步骤,优化后会减少 app 运行时的内存开销。

    首先,我们生成一个 release APK 。这点在 cordova build 命令后加一个 --release 参数局可以。如果成功,你可以在 release 目录下看到一个 android-release-unsigned.apk 文件。

    cordova build android --release

    Sign

    我们需要先生成一个数字签名文件(keystore)。这个文件只需要生成一次。以后每次 sign 都用它。

    keytool -genkey -v -keystore release-key.keystore -alias cordova-demo -keyalg RSA -keysize 2048 -validity 10000

    Keytool 是用于管理密钥和证书的工具,使用户和管理员能管理自己的公 / 私钥对以及相关的证书。 -genkey:用于生成公 / 私密钥对 -v:详细输出 -keystore:秘钥库名称 -alias:要处理的条目的别名 -keyalg:秘钥算法名称 -keysize:秘钥长度 -validity:有效天数 执行后会要求设置 keystore 的密码和 key 的密码,要记得!完成后会在根目录有一个release-key.keystore的文件 然后对我们的android-release-unsigned.apk文件进行签名 首先我们要把要签名的android-release-unsigned.apk移动到和release-key.keystore同一个目录下

    jarsigner -verbose -sigalg SHA1withRSA -digestalg SHA1 -keystore release-key.keystore android-release-unsigned.apk cordova-demo

    这个命令中需要传入证书名 release-key.keystore ,要签名的 APK android-release-unsigned.apk ,和别名 cordova-demo 。签名过程中需要先后输入 keystore 和 key 的密码。命令运行完后,这个 APK 就已经改变了。注意这个过程没有生成新文件。

    -verbose: 签名/验证时输出详细信息 -sigalg:签名算法的名称 -digestalg:摘要算法的名称 -keystore:秘钥库位置

    最后我们要用 zipalign 压缩和优化 APK 找到zipalign.exe的所在目录,一般在资源/Android/SDK/build-tools/20.7.03/ 在这个文件夹下打开终端,将签名完的apk移到这里,然后执行,不移动apk需要填写正确路径

    ./zipalign -v 4 android-release-unsigned.apk cordova-demo.apk

    这一步会生成最终的 APK,我们把它命名为 cordova-demo.apk 。它就是可以直接上传到应用商店的版本。

    展开全文
  • 利用Hbuilder把webapp打包为apk

    千次阅读 2018-06-20 18:16:26
    1.打包原生的webapp 准备工作:右击项目包名,转换成移动app。 转换完成之后,会出现一个名为manifest.json的文件,点开可以进行配置。 1)准备一个写完能运行的webapp,右击->发行->云打包-打...
  • 写了一个webApp,使用Android studio进行打包打包过程中遇到以下的几个错误,于是就记录了下来 一开始编译,就报了一个错误是: 1 . Error:This Gradle plugin requires Studio 3.0 minimum 网上百度了...
  • 感觉现在开发网页比写安卓应用简单多了,至少对我是这样,我安卓跟没学一样,于是在某次需求中需要写个简单的APP,我就想能不能弄成网页的,网页做出手机版,用手机访问不就是app了吗?...介绍实用Hbuilder打包成安...
  • 关于ionic制作webApp打包的过程

    千次阅读 2017-10-12 14:25:16
    1.IDEA注册 http://idea.lanyus.com/  ... Activition code中输入即可 2.安装homebrew套件管理器 3.安装node.js brew install node 4.安装ionic cordova sudo npm install -g cordova ionic ...需要更换b
  • 以下是Ant 的配置文档build.xml,位置在工程的根目录下,运行时,选择war目标,即可生成war包 <!--================定义根basedir,根路径=================--> <!--================
  • 有的人认为,前端很好学,后端不好学。也有的人认为,前端不好学,后端好学,归根到底还得看个人兴趣。前端和后端做简单的叙述后端:入门难,深入更难,枯燥乏味,没有太大成就感,看一堆业务逻辑代码。...
  • 选项1: 电子 (又名primefaces壳)这是github的Atom编辑器使用的shell。 它与node-webkit非常相似,不过它将首先运行脚本,并且必须为用户创build一个视图/窗口。 还有一些其他的细微差别,但值得一看。...
  • electron简单说下electron,就是把 chrome内核和你的项目文件打包成一个程序,和移动端得混合应用有点类似。当然实现起来肯定没有说得这么简单得。 那么怎么做呢? 首先,你电脑上面要有git 和 node ,git可以不要...
  • https://www.52pojie.cn/thread-1040220-1-1.html
  • 由于每天日常的工作需要,我需要接触大量的外文资料,因此,一个好用的翻译工具必不可少。得益于 Google 在翻译上的优秀表现,将它作为我的主要翻译工具使用也是无可争议。但是在使用中经常会发现,web 端的页面总是...
  • 不用不上架、不越狱、不要企业证书、永不掉签只需一个h5网站地址 就能创建属于您自己的苹果IOSAPP无需越狱无需企业证书不用上架appStore界面全屏无广告网页同步更新最近发现了个利用webclip 打包网站成APP的方法网上...
  • 最近因为需求,需要把移动端网页打包成APP,本人一直是做网站开发的,没想到现在的webapp打包能如此方便了,打包的时候只用提供网站链接就可以了(原理应该是做一个app简单浏览器,然后默认打开你网站的链接),让你...
  • vue-cli 3.0打包webapp的坑

    千次阅读 2019-04-11 09:59:45
    **本文主要讲解webapp打包流程,沉浸模式更改,双击后退退出app,vue-cli3.0打包开启app白屏问题 如果你没有这些问题 读到这里就可以退出了** 1.打包流程 编译dist文件后在hubilder里把它转换为app项目,云打包 ...
  • webapp打包进target/classes 目录,其中< targetPath>META-INF/resources</ targetPath> 指定将webapp打包到target/classes 目录的META-INF/resources 目录下,必须这样配置,否则会出错 <...
  • cordova打包webapp

    2017-05-05 18:12:00
    cordova打包webapp 在项目开发中,需要将h5页面打包成app,这个时候我们可以使用cordova来打包。在官方文档中,我们可以了解到创建一个app十分简单,你的电脑上有nodejs就行,我们可以跟着官方文档一步一步来,添加...
  • 用百度开发者把一个webapp打包成了apk格式,但是我想把安卓系统的返回键改为我自己想要的链接,这个能实现不?
  • 打包WebApp

    千次阅读 2008-11-19 10:57:00
    假定有一个Web应用:C:/worksrc/your_appyour_app/doc/……your_app/src/……your_app/jsp/.......your_app/WEB-INF/……your_app/index.htm在命令行窗口下执行如下命令:C:/>cd C:/worksrc/your_appC:/worksrc/...
  • 开始打包App 点击发行后提示 信息没有配置完整 配置manifest.json 权限 配置完以上信息,记得Ctrl +s 再次发布!!!     打开下载目录 注:云打包Hbuilder集成的启动页无法彻底关闭...

空空如也

1 2 3 4 5 ... 20
收藏数 1,174
精华内容 469
关键字:

webapp打包