齐桓公(小白)首次盲接iosapp及微信sdk及发包

1、首先需要申请apple的appid

  1. 注册苹果开发者账号
  2. 登录苹果开发者账号
  3. 点击左侧的identifier,由于公司提供的开发者账号所以id比较多,故而抹掉,后面的截图也基本都涂抹了,一则他人都涂抹了,二则有泄露隐私之嫌疑,手工不好,莫怪!

     

     continue继续,按照要求一步步走,最终完成的页面应该是,其中比较重要的就是bundleId 也就是我们的appid,appid prefix后面会在微信的跳转应用用到。由于要对接微信请提前先把
    Associated Domains开启,如下图

 

至此,appId申请已经完成,这个阶段如同申请QQ一样,并不复杂

2、创建密钥及发布者证书

目的:xcode可以打包、发布、编译调试等,当然最新xcode13,貌似选择自动配置是可以开发的,但是吾一路走来据说对接微信sdk必须选择手动,不能选择自动,后面会详细讲述

  1. 首先创建钥匙串,打开钥匙串 ---钥匙串访问 ---- 证书助理  ---- 从证书颁发机构请求证书---填写开发者的邮箱(注意一定要是苹果开发者的邮箱)----选择存储到磁盘---点击继续---选择存储位置存储

 

 

 

 

最终得到了这个玩意

 

 这个东西是一个标识,接下来创建的发布证书及provision key都是直接或间接依赖于它

2.进入开发者后台,就是刚才创建appId的那个网站,选择certificates,点击旁边的+号,进入下面界面

 

我的理解: 这里的apple代表苹果mac,ios代表的是手机app,development是开发者证书,distribution是发布者证书

这里我们会先创建一个ios app development,然后再创建一个ios distribution(App store and Ad Hoc)

选中后点击continue,进入如下界面,choose file 选择刚刚钥匙串创建的那个文件 --- 点击继续---下载保存到便于寻找的路径

 

 3.创建profiles文件,开发之时配置是需要这个文件

 点击Profiles --- 点击+号----进入如下界面

 

 这里Development 是开发环境使用,一版选择ios App   Distribution是发布环境,Ad Hoc 是测试包,App Store 则正式上应用商店的,点击继续

 

 这里的select appid 就是我们一开始创建的那个AppId,继续则进入下面,这里有几个选项就是我们刚刚上一步创建证书certificate的时候创建的证书,开发者选择开发者,发布则选择发布,不可混淆,否则事情相当麻烦,你必须删掉所有的证书重新开始一步步走

 

 好,点击继续,下载到一个容易找到的位置,这里基本算是完成了appid 及 xcode配置所需的相关东西

3.点击右上角我的account,选择App Store Connect 去创建自己的app

 

 

这里创建app基本信息均是简单的填写,唯有几个需要注意的地方

  • 如果是付费app一定要在协议里添加自己的银行、税务相关信息,其次要在用户和访问里添加沙盒测试员,最后就是在app内购买项目里必须要添加内购商品
  • 其他一些信息基本都是即时填写即时响应错误与否

创建app仅此需要提醒,有问题皆可百度或必应google

4、拿到代码开始码代码,这里用的是layabox的native生成的ios项目,故以laya为例

前提条件:你必须有一台mac电脑,而且安装了xcode,最好是最新版的,双击项目里的xxx.xcodeproj文件即可打开项目,接下来点击项目名称进入项目配置,这里的bundle identifier就是我们一开始生成的appid,接下来只需看图,稍作解析

next

 next

 

注意:这里添加arm64 是为了真机调试,x86_64是模拟器调试,小白刚开始编译调试会遇到一些报错,基本就是这个错误

next 添加微信sdk,微信sdk对接官方文档很详细,但是有几个容易忽略的点,一定要注意,这里是手动集成

先new 一个文件夹wxapi

 

然后右键wxapi文件夹 --- add files to  ---- 选择微信sdk的那几个文件添加进去---然后进行一些配置

说明下:这里花费了几个小时,因为xcode添加代码文件与js或其他的不一样,你直接复制进来是无用的,xcode不认

你必须通过add Files to... 同时你还要在设置里link flag 及 search path配置其相关路径将其包含进去,下面有截图

 

 

 

 

 

 

 

 

 

 

 

 

 注意:这里的LSApplicationQueriesSchemes这个选项新版xcode是没有的,info.plist里每一列鼠标移上去都会有一个 + 号 - 号,点击 + 号添加一条输入名称LSApplicationQueriesSchemes

然后就可以添加微信参数了,当然你也可以在info.plist的源文件里添加,不建议齐桓公这么做。

这里巨坑,百度、必应都搜了好长时间,最后发现如此操作,谨慎谨慎!

至此微信sdk算是导入进来了,接下来要配制universal link

universal link是干啥的,就是一个定位路径,这个是app跳转用的,比如你的app要微信授权登录,那么就要先跳转到微信授权。

需要先配置一个json文件   名称apple-app-site-association注意没有.json后缀格式,放到universal link 域名根目录下

注意域名一定要支持https而且必须支持https,这个域名会在后面配置、开发时用到

其内容如下图,其中的appid 就是第一步的appid prefix + . + appid 这个是ios的,paths是路径,可以加子路径,但路径最后必须是/xxxx/*号,这里如果添加了子路径

那么代码里注册时也必须带上子路径,暂且命名为 registerUniversalUrl

 

 

 接下来配置applink,下图有详解,Domain里添加applinks:yuming.com,这里一定是你自己刚刚上传apple-app-site-association的域名,不能有https,不能有路径

 

接下来代码里注册微信universal link,这里的url即是registerUniversalUrl

 

注意微信appid 与 apple appid 不要混淆了

至此 微信sdk接入完成,接下来就是登录及分享相关对接,请参考

齐桓公之ios app微信登录授权及分享对接

当然ios内购对接可参考

齐桓公ios内购对接之源码篇

 5、接下来便是打包上传等

首先保证功能完整之后,可选择xcode中心上方的设备  ---- 选择 Any ios Device  --- 接着点击菜单Product --- Archive 即可打包

 

 打包完成之后弹出如下弹窗

 点击distribute App 如下图,这里要注意

选择app store connect 后面的证书profile也要选择发布app store的证书

选择ad Hoc 则是导出ipa包,ipa包可以连接手机安装,只能用于测试,不可用于发布

 

 接下来一步一步走下去,注意选择正确profile文件,最后upload

upload期间会报错,就是说ios版本必须发布13.0或者其他的版本以上的版本,这种情况,吾屡试不成,奈吾天赋不足,无法解决,唯有升级xcode重新来,最终升级完成之后成功。

最后到apple store connect里选择构建版本,点击添加以供审核,提审完成

 

本人虽说战国七雄之一齐桓公,然连最基本的oc语法都看不懂,还得百度,如此前后花费将近一个月完成了ios版本的开发与发布,虽说app代码仅仅是个壳,可谁又能在没有任何基础的情况下创造一张人皮呢?

此次iosapp的经历给了我一个十足的人生哲理,那就是:只要你有心,整个宇宙都是你的。金刚经:一切有为法,如梦幻泡影,如露亦如电,应作如是观!

 

posted @ 2022-06-01 10:33  保持当下  阅读(223)  评论(0编辑  收藏  举报