如何进行混合APP的打包,再到手机上进行下载运行

1、打开HBuilder X

添加一个名叫5+app的项目后，在项目中的一个html页面添加web项目的登录或首页的html代码
如图：
打开natapp官网：https://natapp.cn/，然后在官网下载natapp.exe

根据自己的系统版本下载。
再到natapp.exe同级目录下给上以下config.ini配置文件

#将本文件放置于natapp同级目录 程序将读取 [default] 段
#在命令行参数模式如 natapp -authtoken=xxx 等相同参数将会覆盖掉此配置
#命令行参数 -config= 可以指定任意config.ini文件
[default]
authtoken=                     #对应一条隧道的authtoken
clienttoken=                    #对应客户端的clienttoken,将会忽略authtoken,若无请留空,
log=none                        #log 日志文件,可指定本地文件, none=不做记录,stdout=直接屏幕输出 ,默认为none
loglevel=ERROR                  #日志等级 DEBUG, INFO, WARNING, ERROR 默认为 DEBUG
http_proxy=                     #代理设置 如 http://10.123.10.10:3128 非代理上网用户请务必留空

配置后双击natapp.exe即可（注意不要关闭了，域名会有变化的，除非用RMB购买隧道和二级域名，域名就不会变化）
如一下图:

启动自己的项目后，需要把以上的域名放到HBuilder X里的html中主要的地址开头
如图：

可以先在自己的电脑上进行测试，看看是否有样式或请求问题。没有问题后进行后面的操作
混合app的云打包
点击发行 --> 原生App-云打包

android（apk包）安卓的云打包
注意:使用公共测试证书

点击打包后
如图：

5.最后再手机上下载，记得natapp.exe不要关闭而且web项目需要开启否则获取不到后续请求

如何进行混合APP的打包,再到手机上进行下载运行相关推荐

Ionic+Capacitor 创建混合APP
一.介绍 Capacitor是由ionic团队开发的一款跨平台移动应用构建工具,可轻让我们轻松的构建Android.iOS.Electron和Web应用程序. 其前身为Apache Cordova和A ...
android移动开发软件安装,android studio 开发的安卓软件怎么安装到手机上
android studio 开发中如何让运用运行在真机中. 大体实现方式有3种: 分别是: 真机通过usb插到电脑上进行开发. android studio 上面编写程序进行编译apk版本,通过其他 ...
混合式app php怎么打包,如何实现混合 App Web 资源的打包与增量更新
综述移动 App 的运行环境具有带宽不稳定,流量收费,启动速度比较重要等特点,所以混合 App 如何加载 Web 资源并不是一个新问题.本文目的是总结出一种资源打包下载的思路和方案,并且提供一种打包 ...
MUI——混合APP开发之离线打包
打包前的准备 1.android-sdk-windows Android环境 2.Eclipse 集成了ADT相关配置创建android项目使用eclipse创建Android项目,其他博客上有相 ...
h5+混合app打包步骤
运用工具HbuildX 1.对项目运行build成操作,生成dist文件; 2.点击文件-->新建-->项目-->选择5+app-->项目命名-->文件路径: 3.选择项 ...
混合App开发，HBuilder开发移动App
使用HBuilder开发混合App: Hbuilder:是一个在线打包工具,不需要在本地配置开发环境:直接将做好的网站,通过一些简单的操作,就能在线打包为一个App: 混合APP开发常见技术:Html ...
优雅的使用vue+Dcloud（Hbuild）开发混合app
最近在做混合app,前端框架用的是vue,打包app使用的是Dcloud,不过在开发过程中有一点不爽的是,如果想使用Dcloud提供的plus这个环境变量,难倒每次都得使用npm run build先 ...
使用cordova + vue搭建混合app框架
1. 前言:在进行hybrid app开发时,可以采用vue.js前端框架进行h5页面开发,然后使用跨平台cordova工具打包成app,如android或ios等,再h5页面也可以使用cordova ...
移动开发-混合App介绍
3种开发类型的原理和对比什么是混合App(Hybrid App) Hybrid App是指介于web-app(网页APP,如京东web).native-app(原生应用,如手机上面的APP应用)这两 ...

如何进行混合APP的打包,再到手机上进行下载运行

1、打开HBuilder X

如何进行混合APP的打包,再到手机上进行下载运行相关推荐

最新文章

热门文章