请选择 进入手机版 | 继续访问电脑版

扫一扫,访问微社区

QQ登录

只需一步,快速开始

查看: 102|回复: 0

网站封装APP详细打包教程

[复制链接]

4

主题

5

帖子

22

积分

新手上路

Rank: 1

积分
22
发表于 2020-10-31 16:30:25 | 显示全部楼层 |阅读模式

相信有不少做网站的小伙伴都想自己做个APP来方便用户使用,目前封装APP主要有webapp与wap2app两种,webapp相对比较简单可网页在线打包生成,而wap2app则可以利用开发工具去配置很多原生的功能,运行也更加流畅。相对于webapp,wap2app的使用体验更加接近原生app,整体性能也更有优势。那么要如何把网站封装成wap2app呢?下面就来介绍下网站封装wap2app的打包方法。

一、进入DCloud官网下载HBuilderX开发工具

首先我们要打开DCloud的官网,下载第一个HBuilderX开发工具,下面以Windows版为例,选择正式版下的APP开发版下载安装。

下载完成后找到下载目录双击进入开发工具,如下图所示:

二:登录开发工具新建wap2app项目

打开开发工具后先注册登录开发者账号然后鼠标点击左上角新建项目,选择wap2app,然后把APP名称与网站首页地址填写进去,点击创建。

创建成功后我们会看到左边会出现一个新建的工程包,如下图所示:

三、配置所需文件在线云打包

点击工程包打开manifest.json文件配置APP图标与启动图及相关功能权限。点击浏览上传图标后选择自动生成所有图标并替换(APP启动图不传也可用默认的,这里仅做测试,相关功能权限可按需进行配置,如有不懂欢迎前来交流学习。)

配置完成后点击发行选择原生APP-云打包进入打包配置页面,如下图所示:


进入打包配置界面配置APP证书及相关功能,这里以测试证书为例(如果自己有证书可以用自己的,没有可以用公共测试证书或者DCloud老版证书都行,其他功能可按照自己所需进行配置。)配置完成后点击打包按钮进行云打包,稍等片刻即可打包成功,打包成功后点击下载地址即可下载安装自己的APP了。

以上为wap2app的封装方法,相信大家稍加摸索即可轻松上手。至于APP的配置脚本等比较高阶的话题由于相对复杂这里不在阐述,如有需要欢迎交流相关问题。以下为网站封装wap2app的演示视频,欢迎大家交流学习


[color=rgba(0, 0, 0, 0.75)]

网站封装APP演示视频




[color=rgba(0, 0, 0, 0.75)]

网站封装APP视频演示


作者:慕123



回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

客服微信号
it998cn 周一至周日:09:00 - 21:00
地址:四川省遂宁市大英县新城区府院街96号

大英数码科技旗下网站。

Powered by Discuz!  X3.4 © 2013-2017 大英生活网   技术支持: 大英数码

QQ|Archiver|手机版|小黑屋|大英生活网 ( 蜀ICP备16021145号-1 )

GMT+8, 2021-1-20 18:40 , Processed in 1.224049 second(s), 19 queries .

快速回复 返回顶部 返回列表