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

简介: 关于“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打开后请求不到接口,关于如何配置我们下篇博客中介绍


相关文章
|
8月前
|
运维 iOS开发 Windows
windows电脑备案ios APP获取公钥和证书指纹Sha-1值的方法
在阿里云进行APP备案、在备案IOS端的环节的时候,发现需要我们将p12证书安装在电脑上,再用xcode或或钥匙串访问来获取这个证书的公钥和sha-1值。 但是大部分开发uniapp应用的同学们,或者进行发布的运维人员的电脑都是windows,无法按照阿里云的教程来获取ios的公钥和sha-1。备案就被卡主了。 这里介绍下另一个方法,就是使用香蕉云编来在线上传证书获取。如下图所示,打开香蕉云编后,找到下图这个功能
1211 0
|
小程序 JavaScript 前端开发
uni-app开发微信小程序:四大解决方案,轻松应对主包与vendor.js过大打包难题
uni-app开发微信小程序:四大解决方案,轻松应对主包与vendor.js过大打包难题
4816 1
|
存储 文件存储 Android开发
仿第八区APP分发下载打包封装系统源码
该系统为仿第八区APP分发下载打包封装系统源码,支持安卓、iOS及EXE程序分发,自动判断并稳定安装。智能提取应用信息,自动生成PLIST文件和图标,提供合理的点数扣除机制。支持企业签名在线提交、专属下载页面生成、云端存储(阿里云、七牛云),并优化签名流程,支持中文包及合并分发,确保高效稳定的下载体验。 [点击查看源码](https://download.csdn.net/download/huayula/90463452)
819 22
|
前端开发 Java 开发工具
【03】完整flutter的APP打包流程-以apk设置图标-包名-签名-APP名-打包流程为例—-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈 章节内容【03】
【03】完整flutter的APP打包流程-以apk设置图标-包名-签名-APP名-打包流程为例—-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈 章节内容【03】
1541 18
【03】完整flutter的APP打包流程-以apk设置图标-包名-签名-APP名-打包流程为例—-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈 章节内容【03】
|
网络协议
【Azure App Service】App Service 如何配置私网域名以及证书呢?
本文解答了关于 Azure App Service 如何配置私网域名及证书的问题。App Service 不支持私网域名,自定义域名需配置在公共 DNS 服务器上。文章引用官方文档详细说明了映射自定义 DNS 的步骤,并附带参考资料链接,帮助用户深入了解相关配置方法。
332 6
|
Dart 前端开发 Android开发
【02】写一个注册页面以及配置打包选项打包安卓apk测试—开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈
【02】写一个注册页面以及配置打包选项打包安卓apk测试—开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈
617 1
【02】写一个注册页面以及配置打包选项打包安卓apk测试—开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈
|
弹性计算 开发工具 Android开发
阿里云APP备案流程图以及备案所需材料整理,跟着教程一步步操作
阿里云APP备案流程分为六步,确保应用合法上架。首先登录阿里云账号填写APP信息,提交后等待阿里云初审。初审通过后进行工信部短信核验,随后由管局审核。审核通过后,APP即可获得备案号并正式上架分发平台。整个过程需仔细填写主办者及APP详细信息,确保所有资料准确无误。阿小云详细分享了这一流程,帮助开发者顺利完成备案。
|
数据安全/隐私保护
APP备案使用证书查看公钥和md5
【10月更文挑战第19天】首先有了一个证书,文件后缀是keystore
3044 13
APP备案使用证书查看公钥和md5
|
缓存 前端开发 IDE
【06】flutter完成注册页面-密码登录-手机短信验证-找回密码相关页面-并且实现静态跳转打包demo做演示-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈
【06】flutter完成注册页面-密码登录-手机短信验证-找回密码相关页面-并且实现静态跳转打包demo做演示-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈
521 0
【06】flutter完成注册页面-密码登录-手机短信验证-找回密码相关页面-并且实现静态跳转打包demo做演示-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈