Flutter 中 IOS 侧微信登录对接攻略:从插件到文档,全面解析

2024-07-20
来源:网络整理

正如标题所说,我们来分析一下这篇文章,重点讲一下iOS端的微信登录连接。

对接微信有两个端,第一端非常容易,基本不存在版本兼容问题,很完美;iOS端比较麻烦!

1.微信插件,我用的是:^1.2.1+1,(其实你也可以这样引用:

fluwx: git: url: https://github.com/OpenFlutter/fluwx)这两者是等价的。下图是我的代码截图,我用的是git方式,两个效果一样:

2.一定要参考微信官方对接文档:

关键问题来了,文章不仅让人看得头晕(先说验证流程,再说对接步骤……),而且对于关键配置,也没有说怎么配置,只给个链接……这是大公司的特点,越是大公司,文档越“先进”……(当然,也有例外)。

3.关键的东西来了!!!关键的东西来了!!!关键的东西来了!!!关键的配置:配置文件:-app-site-,怎么配置呢?

(配置前建议先阅读理解Link,了解其原理,以便正确进行配置。)

你也可以阅读我的解释:

(1)创建一个空白文件。一定要是纯文本,这个很重要。没有后缀,虽然看上去简单,但是你发给服务器上的同事的时候,他们可能会自动加后缀。这就很尴尬了。所以你可以直接让后端的工作人员帮你创建这个文件,你可以直接复制代码粘贴给他。纯文本,纯文本,纯文本。如图,我的配置如下。纯JSON。你可以直接点击下面链接下载,get请求会直接显示JSON结果。

看图,在浏览器里输入地址(你的域名/-app-site-)之后,应该就能下载-app-site-这个文件了。(注意最好直接用域名加文件名,不要在域名后面加其他文件路径,不然会乱码。)告诉后端,文件放在哪里无所谓,但是输入这个地址就一定能下载到文件。文件内容(代码)如下(你可以直接复制过来用,只要改一下你的编号和app包名就行,如下图红色+蓝色部分):

":{

“应用”: [],

"":[

"": ".app包名",

“”:[“/ios/*”,“/ios”,“/*”,“/”]

(2)

(错误的写法,中间不要添加其他目录,只添加域名根目录)

您的域名/-app-site-(正确拼写)

另外,配置完这个文件和URL之后,需要等待一段时间才能生效,并不是立即生效的。

微信账号登录花田_账号花田登录微信怎么退出_账号花田登录微信怎么注销

(3)微信开发者账号中ios的配置应用链接为你的域名/ios/

(4)添加以下内容:每个应用程序都可以添加自己相应的配置。

:您的域名

如图所示

,在红色区域填写你的域名

(5)添加以下代码:

您的域名/ios/

如图所示

图片中代码处填写你的域名/ios/。

(6)另外注意,原生iOS端不需要写微信回调代码,只需要初始化代码即可。

(7)注意这里也有一个iOS端添加白名单的问题(如果你是iOS开发者这个就不用我说了,iOS9之后官方要求在访问第三方App时必须添加白名单,才能保证合法访问,这里我们如果要访问微信,就需要添加微信的白名单),如图

问题结论:

1、请注意,此配置文件生效需要时间(约10到20分钟),而不是配置后立即生效;

2、关于微信授权SDK问题,官方文档提到了授权微信登录的版本要求: *建议开发者接入新版本的SDK,并覆盖测试微信7.0.7以上版本,或者13.0以上版本,以验证所用接口的功能和可用性。

在我们的项目中,只要满足这个要求,就可以完成正常的授权登录流程了。但是总有例外,有些手机(少数)会出现二次确认弹窗,需要确认授权!!!所以:

此时无法正常授权,这个问题我暂时没找到解决办法,微信官方也没有给出解决办法,默认建议确认网络是否正常,或者卸载重装……尴尬,个人觉得后期可以关注官方SDK版本更新或者wx版本更新,看能否解决这个问题,如果有知道怎么解决这个问题的请留言告诉我,谢谢!

再见。

分享