使用网站域名封装Web2App

news/2024/5/11 1:52:05/文章来源:https://blog.csdn.net/qq_23009105/article/details/90546198

wap2app是什么

wap2app 是一个将现有M站(也称手机wap站,区别于pc的web站)快速发布成 App 的增强方案,通过 DCloud 的 wap2app 框架,进行简单的配置和必要的编程,即可完成M站的体验强化,达到原生应用的功能体验,进而再发布为原生安装包或流应用。

下载/登录开发工具

前往 dcloud.io 根据自己的操作系统,下载对应的 HBuilder 安装包,解压即可使用。

PS:首次使用需注册一个开发者账号,方便后续的打包以及应用管理。

创建项目

按照如下步骤在HBuilder中新建 wap2app 工程

  • 顶部菜单,文件 -> 新建 -> Wap2App
  • 输入应用名称、wap 站首页地址,点击“完成”

工程建成后,默认目录结构如下:

配置应用图标及启动图

应用图标

应用图标是App安装到手机后,在手机桌面显示的图标;按照如下步骤配置应用图标:

双击打开manifest.json文件,点击下方“图标配置”选项卡

在图标配置页面,按照要求配置各种分辨率的图标

建议配置1024*1024的大图标,然后自动生成并替换各种分辨率的图标。

启动图片

启动图片是用户从点击桌面图标到进入应用首页中间显示的欢迎图片;按照如下步骤配置应用图标。

点击“启动图片(splash)配置”选项卡,会打开启动图配置界面

根据需要配置不同分辨率的启动图片,例如仅生成Android安装包,则仅配置Android启动图片即可。

应用发布

wap2app项目可以打包成iOS平台的ipa安装包、Android平台的apk安装包。

在HBuilder中,点击顶部“发行”菜单,点击“云打包-打原生安装包”,如下:

打开原生打包配置界面,如下图所示:

选择需要打包的平台(iOS平台打包需要配置iOS证书),点击“打包”按钮即可提交云端打包,打包完成后会自动下载安装包,安装到手机即可体验。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_869062.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

阿里云ECS服务器配置SSL证书 开启网站Https访问

一、开启阿里云ECS服务器的安全组443端口。 要配置阿里云ECS服务器额Https,首先就要开启阿里云服务器的安全组的443端口。 首先打开阿里云控制台,找到ECS实例,点击管理,再点击右侧的本实例安全组,再点击配置规则&…

IIS的配置以及网站的添加

参考:https://jingyan.baidu.com/article/ea24bc39ae3de8da62b331ce.html windows8 安装IIS 和 添加网站 分步阅读 Internet Information Services(IIS,互联网信息服务),是由微软公司提供的基于运行Microsoft Windo…

关于HPL.dat 的建议网站

http://hpl-calculator.sourceforge.net/

为何大量网站不能抓取?爬虫突破封禁的6种常见方法

为何大量网站不能抓取?爬虫突破封禁的6种常见方法 在互联网上进行自动数据采集(抓取)这件事和互联网存在的时间差不多一样长。今天大众好像更倾向于用“网络数据采集”,有时会把网络数据采集程序称为网络机器人(bots)…

jquery实现电商网站分类导航菜单

一、HTML部分 <!DOCTYPE html> <html lang"zh"> <head> <meta charset"UTF-8"> <meta http-equiv"X-UA-Compatible" content"IEedge,chrome1"> <meta name"viewport" content"width…

angular-网站发布

测试服务器 *** **** ***** 一、打包&#xff1a; ng build --prod --aot 二、服务器环境搭建 1.安装ngnix 2.配置ngnix 3.验证nginx配置文件: ./nginx -t 4.启动ngnix 启动代码格式&#xff1a;nginx安装目录地址 -c nginx配置文件地址 /usr/local/nginx/sbin/nginx -c…

《Dokcer的使用》(四) 实战之Nginx+静态网站部署

1、下载Centos的基础镜像 说明&#xff1a;基础镜像是所有自定义Dockerfile镜像必须引用的&#xff0c;一般基于centos、ubuntu等操作系统镜像 #docker pull下载centos的latest版本&#xff0c;也可指定版本docker pull centos:标签名 docker pull centos 2、创建Dockerfile构…

【Web开发一】Centos7.4 python3.6虚拟环境,部署Django框架,实现网站的访问

Django是一个非常不错的Web开发的框架&#xff0c;这里涉及到的是一个基础的使用。具体的配置是python3.6版本&#xff0c;Django是1.11.6版本。Pycharm是2017.3社区版本。这里要实现的是Django中部署网页&#xff0c;然后实现访问。 一、部署python3.6虚拟环境&#xff08;避…

【Web开发二】Django框架中部署一套投票网站

Django原理&#xff0c;URLS路由接收到客户端访问的请求------>view视图函数进行请求的处理-------->models模型&#xff08;数据库&#xff09;进行数据的处理--------->view视图函数进行数据的处理--------->template模板&#xff08;HTML&#xff09;进行数据的…

大型网站技术架构:核心原理与案例分析----Memcached分布式缓存集群的访问模型剖析

前提&#xff1a; 本文是基于memcached1.4版本的&#xff0c;之前的版本与该版本在一些地方是不一样的&#xff08;eg.《memcached全面剖析》的memcached1.2的内存管理方式就与1.4不同&#xff09;在看本文之前&#xff0c;最好先看一下memcached在实际开发中怎么进行操作的&a…

【转】nbsp;实现网站的中英文转换

1.新建一个asp.net web应用程序 2.创建的项目如下图所示 3.右击web项目名称,添加一个全局资源文件夹"app_GlobalResources" ,这个是asp.net 2.0特有的 4.右击"app_GlobalResources"文件夹,添加两个资源文件: language.resx(简体资源文件) 和language.en-u…

【转】ASP.NET网站实现中英文转换…

摘要&#xff1a;随着计算机网络的发展&#xff0c;一些商业机构也开始向国际市场迈进。因此这些商业的机构的网站 也开始面向全世界的用户&#xff0c;要求网站具有多语言的选择&#xff0c;实现本地化。在.NET1.1框架下面&#xff0c;如果你要实现本地化&#xff0c;你可能要…

这个网站他不简单系列(一)低调而强大的DICT.CN

这个网站他不简单系列(一)低调而强大的DICT.CN emilmatthew 08/06/25 OK&#xff0c;闲话少说&#xff0c;我们先看网站&#xff1a;DICT.CN&#xff0c;不知诸位看下来有何感觉&#xff1f;是啊&#xff0c;不就是个在线词典吗&#xff1f;是啊&#xff0c;我也觉得不就是个在…

[8.18]东西放久了会发霉的,网站也一样,拿出来晒晒~~~

这个网站叫DOUPACK(中文名称叫豆瓣包裹),主要的意图就是可以在屏幕上拖动你的豆瓣小组,组成一个你喜欢的样子.感觉最后会变成一个恶搞度>实用度的应用.由于整个用户系统都要弄下来,所以制作时间有些长... 去年11月开始做的,原先是利用业余时间做的,弄了4个月,还差一个月的工…

web2.0网站的四大特性简述

本文文字内容转自天极网: http://homepage.yesky.com/216/2634716.shtml 本文图片转自: http://web2.wsj2.com/architectures_of_participation_the_next_big_thing.htm 收集和学习了大家对于Web2.0特性的看法&#xff0c;加上这几天的思考&#xff0c;整理我对于Web2.0到底是…

Gin + GoCv + Element 简单搭建图片风格迁移网站

成品效果 输入&#xff1a;jpg/png 格式图片 输出&#xff1a;风格迁移后的图片 目录结构 # tree├─controller // 控制器 ├─models // 风格迁移模型 │ ├─eccv16 │ └─instance_norm ├─router // 路由转发 ├─static // 静态资源 ├─sys // 系统配置 ├─tem…

手机访问网站 点击手机号码直接拨打电话

分享一下我老师大神的人工智能教程&#xff01;零基础&#xff0c;通俗易懂&#xff01;http://blog.csdn.net/jiangjunshow 也欢迎大家转载本篇文章。分享知识&#xff0c;造福人民&#xff0c;实现我们中华民族伟大复兴&#xff01; 手机访问网站,点击手机号码直接拨打电话: …

使用IntelliJ IDEA开发SpringMVC网站

转自https://my.oschina.net/gaussik/blog/385697 1.安装jdk&#xff0c;maven和tomcat 2.创建maven web项目 Create New Project 最后生成结果如下图&#xff0c;注意左侧部分 上侧部分选择Auto-Import就好 如果生成过慢&#xff0c;可以参看下面两篇文章&#xff1a; 文章1&a…

回首10年前的30个最受欢迎的网站

10年前的Web技术还比较落后&#xff0c;浏览器功能也非常有限&#xff0c;你知道现在最受欢迎的这些网站&#xff0c;在10年前甚至更早的时候是什么样子吗&#xff1f;文中为你揭示包括Google、雅虎、eBay、维基百科等网站的老面孔&#xff1a; 1. Google (1998) Google (1998…