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打包
- 新建项目 填写基本信息
- 填入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