Android前端 APP打包

Web开发已经到了最后的打包环节啦

有想要跟进项目的可以关注我呀,我会不定时更新整体的框架和源码
以下是我在客户端与服务器端之间通信写的两个帖子
有部分需求的朋友可以看看

后续整个项目的源码都会给出

https://blog.csdn.net/weixin_44165203/article/details/106325375
JSON数据接收,前端接收服务器回传的数据
https://blog.csdn.net/weixin_44165203/article/details/106447038
JSON数据发送,前端发送数据给服务器端

来说一下APP的分类

WebApp是指基于Web的系统和应用,其作用是向广大的最终用户发布一组复杂的内容和功能。就是运行于网络和标准浏览器上,基于网页技术开发实现特定功能的应用。

NativeApp是原生应用,一般运行在机器操作系统上,有很强的交互,一般静态资源都是在本地的。浏览使用方便,体验度高。被直接安装到设备里,比如单机手游等。

HybridApp可以看成是WebApp和NativeApp在折中主义下的产物。就是包了个客户端的壳,其实里面是HTML5的网页,兼具了Native App的所有优势,也兼具了Web App使用HTML5跨平台开发低成本的优势。比如说Native.js框架,就几乎把原生对象一一映射成JS对象进行开发操作。

Hybrid App打包

由以上描述不难看出,在网页端运行起来的网站可是算是Web App了,Web App和Hybrid App其实是差不多的,只是加了一个客户端的壳而已。而要实现Native App则需要调用原生接口把所需要的资源存到本地。

这里演示一下如何使用Hbuilder X进行5+APP打包
  1. 新建项目 填写基本信息
    在这里插入图片描述
  2. 填入WebView的应用入口页面

填入开发好的Web首页
在这里插入图片描述
3. 申请AppId

在 HBuilderX 中创建项目时,HBuilderX 会自动联网生成 appid, 并将该 appid 保存在 manifest 文件中的 appid 字段;

登录开发者中心,也可以创建 uniapp、5+app 等类型应用的 appid;
在这里插入图片描述同时还可以进行一下其他的交互配置
在这里插入图片描述
这里就不写怎么通过Native.js调用其他对象来完善它的kernel啦
设置完成后就可以开始打包啦
4. 打包
这里我们使用测试证书进行打包
在这里插入图片描述在这里插入图片描述在这里插入图片描述打包成功后会返回一个url,直接复制在浏览器进行请求就行啦
这里针对的打包仅限于安卓手机哦
苹果手机得正儿八经地申请证书才可以发布
在这里插入图片描述

安装完成后打开

在这里插入图片描述在这里插入图片描述


最近发现之前写的文章被爬了···
这里标注一下作者:影子墨
原文地址:https://blog.csdn.net/weixin_44165203/article/details/106595332

祝看到这里的你万事都如意~

喜欢的朋友可以点个关注呀

打算入一个平价Cisco来组家庭Mesh网络改善一下网络质量,有兴趣的小伙伴到时候可以来看看嗷

Android Studio是一款集成开发环境,主要用于Android应用程序开发。它不是一个前端开发工具,但是当你需要在Android应用程序中嵌入前端项目时,你可以使用Android Studio来进行打包。 以下是打包前端项目的步骤: 1. 在Android Studio中创建一个新的Android项目。 2. 在项目中创建一个assets文件夹,用于存放前端项目的所有文件。 3. 将前端项目的所有文件复制到assets文件夹中。 4. 在Android Studio中打开Gradle Scripts文件夹,并打开build.gradle(Module:app)文件。 5. 在该文件中添加以下代码: ``` android { ... sourceSets { main.assets.srcDirs = ['assets'] } } ``` 这个代码块告诉Android Studio将assets文件夹中的所有文件打包到APK文件中。 6. 保存并关闭build.gradle文件。 7. 在Android Studio中选择Build > Generate Signed Bundle/APK。 8. 选择APK,并选择你的签名密钥。 9. 点击Next,并选择Build Variants。 10. 在Build Variants中选择release,然后点击Finish。 11. Android Studio会开始构建APK文件,完成后会弹出一个对话框。 12. 在该对话框中,选择locate,并找到你的APK文件。 13. 将该APK文件安装到你的Android设备上。 14. 当你运行该应用程序时,你将看到你的前端项目在应用程序中运行。 这是一种将前端项目打包Android应用程序中的简单方法。请注意,这种方法只适用于静态的前端项目,如果你的前端项目需要与后端进行通信,则需要使用WebView或其他相关技术。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值