[TOC]

选择组件

uni-app分享组件:下载地址:https://ext.dcloud.net.cn/plugin?id=1938

文件目录

ios uni-app 微信分享(2) - 图1


share-btn.vue主要就是分享功能的实现
uni-popup.vue是分享组件的弹窗
uni-transition.vue是弹出和关闭的过渡动画
### index.vue文件


share-btn.vue


uni.share({<br />                        provider: strProvider,<br />                        scene: strScene,<br />                        type: mytype,<br />                        href: this.sharedataTemp.strShareUrl,<br />                        title: this.sharedataTemp.strShareTitle,<br />                        summary: this.sharedataTemp.strShareSummary,<br />                        imageUrl: this.sharedataTemp.strShareImageUrl,<br />                        success: function(res) {<br />                            //可以在这里执行成功后的操作<br />                            console.log("success:" + JSON.stringify(res));<br />                        },<br />                        fail: function(err) {<br />                            //失败后的操作<br />                            console.log("fail:" + JSON.stringify(err));<br />                        }<br />                    })

微信开发平台申请

微信开发者平台:https://open.weixin.qq.com/

1.登录或者注册

image.png

2.创建你的应用

微信开发平台—>移动应用开发—->创建应用
image.png
或者
image.png

3.1填写信息

选填的均可以不填写
应用官网要包含应用的名称等相关信息,不然会审核不通过
image.png

3.2填写信息

选择应用未上架,选择上架就会进行人工审核,可以等以后在更改
image.png

3.3填写信息

AppID要填写正确,签名不知道格式或者是什么,百度搜索微信获取签名工具,下载好,把获取到的全部填写到开发者平台
网址:https://developers.weixin.qq.com/doc/oplatform/Downloads/Android_Resource.html
image.png
想要查看签名手机里需要有你的APP
image.png

4.提交审核,先审核通过

安卓配置

image.png
拿到获取到的AppID,放到uni-app—》manifest.json—》AppSDK配置—》分享,添进去
image.png
安卓测试打包测试

ios获取通用链接

1.开启Associated Domains服务

1.进入苹果开发者后台,点击Certificates, IDs & Profiles
image.png
2.如果之前创建过id,就直接点击进去可以修改,如果没有就点击新建一个id,勾选Associated Domains
image.png
image.png
注意:如果你之前生成过打包用的profile文件,修改之后打包需要在Profiles里面重新下载一个.mobileprovision文件替换一下

2.生成ios通用链接

新建一个名为apple-app-site-association.txt的文件,里面内容如下(填写ios应用的AppID),然后把.txt的后缀名去除掉。
(文件名为apple-app-site-association,并且没有后缀!)
{
“applinks”: {
“apps”: [],
“details”: [
{
“appID”: “”,
“paths”: [ “*”]
}
]
}
}
放在指定服务器根目录,提供一个Https的访问地址。如:https://www.baidu.com/apple-app-site-association/
这样访问你的服务器可以读取到apple-app-site-association文件里的内容

3.验证通用链接

苹果官方测试通用链接是否可用地址:https://search.developer.apple.com/appsearch-validation-tool/
输入时只需要输入例如:https://www.baidu.com/
会出现相应的结果,有一个结果是title,只要这一个通过就可以
image.png

4.1微信平台填写

上一步通过之后把链接填写进去
image.png

4.2微信平台填写

官网:https://appstoreconnect.apple.com/
可以在我的APP里面找到其他信息
ios uni-app 微信分享(2) - 图16

4.填写到uni-app上

ios不支持手动输入,
需要在源码视图里面配置
{
/ 应用发布信息 /
“distribute” : {
/ SDK配置 /
“sdkConfigs” : {
“share” : {
“weixin” : {
//在manifest.json文件源码视图里面填写你的服务器配置的ios通用链接地址
“appid” : “”,
“UniversalLinks” : “”
}
}
},

}
},

image.png

5.打包测试