关于“wap2app仅支持对已通过ICP备案的域名站点进行打包”问题解决

本文涉及的产品
.cn 域名,1个 12个月
简介: 关于“wap2app仅支持对已通过ICP备案的域名站点进行打包”问题解决

关于“wap2app仅支持对已通过ICP备案的域名站点进行打包”问题解决

如果我们是通过Vue技术写的移动端,开发完成后我们的项目需要放到服务器上,然后我们在将服务器上面的项目打包apk格式


wap2app将网页打包成apk步骤
  • 使用HbuilderX创建一下wap2app项目
  1. 我们选择创建 wap2app 的项目
  2. 起一个项目名称
  3. 是我们要打包的地址,就是我们(服务器上)项目的入口页面
  4. wap2app项目的存放路径
  5. 点击创建 项目结构如下
  • 配置 manifest.json 文件
  1. AppID如果没有或者生成的时候的格式不正确我们要根据他的规则进行配置
  2. 应用名称默认使我们创建的wap2app的名称可以修改
  3. 入口页面 默认是我们创建时候填入的地址(login页)
  4. 图标配置中去配置我们app的图标即可
  • 打包wap2app项目


    包名我们随意起只要符合他的验证要求即可 点击打包 (问题来喽)
  • 打包问题提示 wap2app仅支持对已通过ICP备案的域名站点进行打包,之前是没有这个问题的可能是最近加的规范
  • 解决办法:
  1. 我们可以去申请域名,然后重新打包
  2. 使用H5+app进行打包(我们下面展示这种方式)


使用H5+app 打包
  • 首先我们用HbuilderX创建一个H5+app项目


  • 我们再将Vue移动端的项目本地打包成dist文件夹

  • 将static文件夹复制到我们上面创建的H5+app中 将H5+app中的index.html替换成dist中的index.html

  • 配置manifest.json文件(同上 注意我们的入口页面是index)
  • 进行打包


打包成功他会给我们返回我们的包在的位置,就是我们创建的App2项目中的一个文件夹下面,上面两种方式都是可以的,不过第一种现在是加上了只能打通过icp认证的域名地址,其实各有利弊吧,第一种wap2app打出来的可以理解为一个空壳,仅仅是我们打开软件的那一刻他就是访问了部署到服务器上面的资源,第二种是讲所有的资源全部都在手机上,大家可以根据实际情况进行选择

注意:如果通过H5+app进行打包的话 我们在生成dist文件之前我们是需要在项目中改变一些内容的,否则打出来的apk打开后请求不到接口,关于如何配置我们下篇博客中介绍


相关文章
|
5天前
|
小程序 JavaScript 前端开发
uni-app开发微信小程序:四大解决方案,轻松应对主包与vendor.js过大打包难题
uni-app开发微信小程序:四大解决方案,轻松应对主包与vendor.js过大打包难题
59 1
|
4天前
域名备案
阿里云账号实名认证与域名实名认证可以不一致,备案针对域名实名认证。一个阿里云账号只能有一个备案主体,且主体只能在一个账号上。域名、服务器和备案主体所在账号可以不同,但可通过服务器账号生成备案服务码授权给备案主体账号进行备案。
|
5天前
|
移动开发 小程序 数据可视化
基于npm CLI脚手架的uniapp项目创建、运行与打包全攻略(微信小程序、H5、APP全覆盖)
基于npm CLI脚手架的uniapp项目创建、运行与打包全攻略(微信小程序、H5、APP全覆盖)
54 3
|
6天前
阿里云app备案服务号在哪看
【10月更文挑战第11天】阿里云app备案服务号在哪看
16 1
|
7天前
|
搜索推荐 SEO
什么是已备案域名?已备案域名有什么作用?
【10月更文挑战第10天】什么是已备案域名?已备案域名有什么作用?
19 2
|
5天前
|
域名解析 网络协议 索引
分享|【红猫网】备案域名的二级分发:实现网站可迁移、流量分流、备份归档
本文介绍了如何利用备案域名的二级分发技术实现网站迁移、流量分流和备份归档。通过为主域名下的子域名设置独立解析记录,实现资源的灵活分配与管理,确保网站服务的稳定性和高效性。同时,文章还解答了关于备案、SEO优化及HTTPS支持的相关问题。
12 0
|
7天前
个人域名备案的流程是什么样的?
【10月更文挑战第10天】个人域名备案的流程是什么样的?
28 0
|
11天前
|
缓存 开发框架 移动开发
uni-app:下载使用uni&创建项目&和小程序链接&数据缓存&小程序打包 (一)
uni-app 是一个跨平台的开发框架,它允许开发者使用 Vue.js 来构建应用程序,并能够同时发布到多个平台,如微信小程序、支付宝小程序、H5、App(通过DCloud的打包服务)等。uni-app 的目标是通过统一的代码库,简化多平台开发过程,提高开发效率。 在这一部分中,我们将逐步介绍如何下载和使用uni-app、创建一个新的项目、如何将项目链接到小程序,以及实现数据缓存的基本方法。
|
2月前
|
存储 BI Android开发
全开源仿第八区H5APP封装打包分发系统源码
全开源仿第八区H5APP封装打包分发系统源码
119 4
|
2月前
【Azure App Service】同一个App Service下创建多个测试站点的方式
【Azure App Service】同一个App Service下创建多个测试站点的方式