uniapp苹果ios端免签打包带分发,转换思路玩法

本文阅读 9 分钟
广告

本文章不涉及任何费用支出,收费资源下载,和营销软文广告,请放心阅读。
前几个月完工的小说app已经放在博客里很久了,然后各位都会发现,那就是我打包出来的iosapp可以直接下载安装,也没有提示什么安装失败什么的,且我没有开发者证书,也没有上架任何地方,更没有使用任何分发程序,基本就是扫码,就直接安装完成了,感兴趣的可以去这里下载了解下小说APP源码,IOS安卓双端支持,兼容杰奇CMS多版本

在之前的商品文章里,我一直提到我是使用h5编译打包,效果不如原生。但是实际使用起来,效果已经和原生相差无几了,无非就是页面跳转的效果不够真实,状态栏也无法像原生那样沉浸式。但是好处也是很明显的,不需要开发者账号,也不需要开发者证书,而且用户直接下载就能用,甚至都没有安装的时间限制。在苹果原生端还在等待上架审核,甚至上架不了的情况下,这样的操作是一种非常给力的应急方案了。

甚至没有安装限制,不会掉签,分发也在自己手上。

所以这篇文章,就是提供一个uniapp封装为ios应用的骚操作,那就是先将app编译成h5页面,再通过ios网页封装及分发技术,将它变为和ios应用基本无差别的存在。

话说这篇文章提供的不花钱的操作,去淘宝要按年100的价格续费,是不是很给力

0.jpg

那么,教程开始吧

前提条件

1.采用uniapp技术开发,且兼容h5(应该很基本吧)。
2.准备一个随便怎么样的域名,配置一个ssl证书。

uniapp的好处很明显,它可以同时发布为h5网页端,类原生安卓,类原生ios,和各种小程序。然后苹果有一个分发的技术,可以把网页封装为类似应用的存在,而且这种封装和打包不同,在我看来,它是将网页变为一种“书签应用”的操作,外面看起来和普通应用基本没区别。淘宝上的很多店家,也就是通过这种方式,来号称收费将网页打包成ios应用,虽然对于普通网页而言,确实要解决比如封装之后的跳出问题,无法全屏问题,提示不安全问题,这里确实要一点技术含量,但是对于uniapp编译出的h5文件而言,完全没有任何影响,傻瓜式操作

项目编译h5

1.准备好现成的uniapp项目,记得开发工具肯定得是HBuilder X,并且项目也要做好对于h5浏览器的兼容,确认无误之后,在项目名称上右键,选择发行-发行网站h5手机版。
1.png
2.设置好网站名称和网址之后,点击发行。
2.png
3.等待HBuilder X控制台输出编译成功和保存路径,一般会在app项目路径下/unpackage/dist/build/h5,也就是下图这些文件了。将这些文件打包上传到服务器,然后配置一个带ssl证书的域名就好(这里的域名没有任何特殊要求,关键是配置https,因为苹果端对于普通的http很可能直接提示不安全)
3.png
4.值得注意的是,加入封装后出现了链接跳出网址之类的情况,就可能是mainifest.json需要修改h5的配置,将路由模式改成默认的hash,具体参考下图:
1.png

打包苹果应用

1.确认网站发布完成,并且是可以访问的状态,而且是https协议,比如我如下这个域名。

yunread.qlinter.top

2.下载一个iPhone配置实用工具,这玩意有mac版和windows版,这里我反正建议下载windows版,毕竟不是谁都有mac。这里我提供一个下载的链接,如果失效了的话可以自己百度关键字去下载,反正是可以下载到的。注意,安装前要确保电脑上安装了.net framework 3.5 SP1以上版本

还是自己百度吧,遍地都是

3.下载安装好之后,打开是如下这个样子,而我们要做的,是创建一个描述配置文件。
4.png

4.然后滚动条往下,找到web clip,配置前一个大步骤创建的网站,并设置图标和网址,同时也记得勾选那个预做图标和全屏幕,来实现更加良好的安装效果。
5.png

5.接着就是给这个描述文件配置证书凭证,这个关系到是否可以安装成功。点击web clip下方的凭证,点击配置(我这里已经配置过了,所以会直接显示证书,第一次进来会看到配置按钮),就可以进入个人证书商店,在这里面只需要选择一个过期时间还很久的证书就好,就比如我选择了一个2022年才过期的证书。
6.png
7.png

6.上述配置完成后,选择创建的描述文件,点击导出按钮,就可以生成一个ios可用的描述配置文件了,后缀是mobileconfig。然后我的做法是拿这个描述配置文件放在和前面发布的h5网站摆在一起,放在根目录,这样就生成了一个下载链接,只需要苹果机用自带浏览器访问,就可以根据提示信息安装了。如下就是我最终得到的下载地址,这里有苹果机的可以用自带浏览器试试,安卓就别试了

https://yunread.qlinter.top/yunread.mobileconfig

7.然后呢,我还可以拿这个地址去生成二维码,实现扫描下载安装,就如下图(同样的,安卓就别凑热闹了)
ios二维码

效果图区域

A61B983A-3FE5-4A13-B356-0D8C4471FCFA.png

134B7B54-2F5F-467C-A65F-E1901A2A9109.png

FF044C0D-8831-44CE-A0EB-D8627634024B.jpeg

E39972F7-C769-49F1-B563-B83781524382.png

最后

使用h5打包的效果肯定是不如原生打包的,毕竟我这个文章是提供一个替代的方案,相当于没有开发者证书或者应用无法过审的完全束手无策,打包成一个h5的书签应用实现基本没啥区别的功能效果,不也是一个非常好的应急操作吗。说实话我也是偶然间发现的,为了节约淘宝打包的那一年一百多的续费,感觉自己藏着掖着也没啥用,就分享出来吧。

补充,因为h5会失去原生的窗口打开效果,可以使用官方的方案解决:点击进入

本文来自投稿,不代表本站立场,如若转载,请注明出处:https://www.ruletree.club/archives/2204/
uniapp数据post请求后台无法接收问题
« 上一篇 12-21
uniapp利用百度语音接口实现听书功能,简单流程
下一篇 » 01-09
广告

发表评论

V注册会员 L评论等级
R70 条回复
  1. 气质有毒Lv.1 说道:
    2024-03-25     Win 10 /    Chrome

    大哥,显示签名者尚未验证,这应该怎么处理呢??

  2. 冷夜Lv.1 说道:
    2023-05-15     Win 10 /    Chrome

    能自定义顶部吗

  3. b6VLv.1 说道:
    2023-04-13     Win 10 /    Chrome

    为什么我在最后一步出现了问题呢,我把描述文件放到了服务器的根目录下,然后通过地址获取的时候,提示资源不存在拿不到

  4. lihaianVLv.1 说道:
    2023-03-29     Win 10 /    Chrome

    大佬我想问一下如何将app里面的浏览器底部隐藏掉,还有切换app的时候发现是没有app导航栏的,显示的是safari浏览器,这2个有没有解决的方案,感谢

    1. 不暇VLv.6 说道:
      2023-04-07     Android /    Chrome

      @lihaian

      这是你uniapp的路由模式设置有问题,请设置成hash模式,文章里也提到了

      1. b6VLv.1 说道:
        2023-04-13     Win 10 /    Chrome

        @不暇

        改为hash模式了并没有效果

        1. 九监九介Lv.1 说道:
          2023-12-27     Win 10 /    Chrome

          @b6

          web clip 选项里面有一个全屏,要勾选

  5. zhrLv.1 说道:
    2023-03-14     Win 10 /    Chrome

    按照步骤导出后用iPhone自带浏览器访问,提示:必填字段“PayloadIdentifier”缺失,请问是哪里填写的不对呢

    1. 不暇VLv.6 说道:
      2023-03-19     Win 10 /    Chrome

      @zhr

      这里只能认真检查下

  6. 943565617VLv.1 说道:
    2022-07-11     iPhone /    Safari

  7. andyLv.1 说道:
    2022-07-09     Win 10 /    Chrome

    如果网站是通过vscode开发的vueH5网站,也是可以这样打包苹果的吗,有的网站除了mobileconfig文件 还有一个是jump.mobileprovision 这个文件也必须要有吗

    1. 不暇VLv.6 说道:
      2022-07-09     Android /    Chrome

      @andy

      理论上所有h5网站都可以这么打包成苹果,没有什么限制,你可以自己尝试下。

  8. cjbLv.1 说道:
    2022-06-17     iPhone /    Google Chrome

    证书过期了额

    1. 不暇VLv.6 说道:
      2022-06-17     Android /    Chrome

      @cjb

      有很多证书可以选择,尽量选过期时间久的

  9. 2022-05-27     Android /    Chrome

    厉害

  10. test-swjVLv.1 说道:
    2022-05-12     Android /    Chrome

    大佬太强了

  11. 159VLv.1 说道:
    2022-04-27     iPhone /    Safari

  12. 159VLv.1 说道:
    2022-04-26     iPhone /    Safari

  13. yjhVLv.1 说道:
    2022-04-20     iPhone /    Safari

    很好,测试

  14. 404nameVLv.1 说道:
    2022-04-07     Android /    Chrome

    66666太牛了

  15. 啦啦啦VLv.1 说道:
    2022-04-02     iPhone /    Safari

    啦啦

没有更多评论了

作者信息

热门文章

标签TAG

热评文章