[provider]新增 uni.getProviderSync、uni.getProviderObjectById 同步获取服务供应商信息 #5843

pages/API/provider/provider.uvue

 <template>
-  <!-- #ifdef APP -->
-  <scroll-view class="page-scroll-view">
-  <!-- #endif -->
-    <view class="page">
-      <page-head :title="title"></page-head>
-      <view class="service-item" v-for="(item, index) in serviceList" :key="index">
-        <text class="service-name">{{item.name}}:</text>
-        <view class="provider-list">
-          <!-- #ifdef APP-IOS -->
-          <text class="provider-item" v-for="(item2, index2) in item.provider" :key="index2">
-            {{item2}}
-            {{item.providerObjMap.length > 0 ? ':' + JSON.stringify(item.providerObjMap[index2]) : '' }}
-          </text>
-          <!-- #endif -->
-          <!-- #ifdef APP-ANDROID -->
-          <text class="provider-item" v-for="(item2, index2) in item.provider" :key="index2">
-            {{item2}}
-            {{item.providerObj.length > 0 ? ':' + JSON.stringify(item.providerObj[index2]) : '' }}
-          </text>
-          <!-- #endif -->
-
-        </view>
-      </view>
-      <button class="btn-get-provider" type="primary" @click="getProviderIds">getProviderIds</button>
-      <button class="btn-get-provider" type="primary" @click="getProviderObject">getProviderObject</button>
-    </view>
-  <!-- #ifdef APP -->
-  </scroll-view>
-  <!-- #endif -->
+	<!-- #ifdef APP -->
+	<scroll-view class="page-scroll-view">
+	<!-- #endif -->
+		<view class="page">
+			<page-head :title="title"></page-head>
+			<view class="service-item" v-for="(item, index) in serviceList" :key="index">
+				<text class="service-name">{{item.name}}:</text>
+				<view class="provider-list">
+					<!-- #ifdef APP-IOS -->
+					<text class="provider-item" v-for="(item2, index2) in item.provider" :key="index2">
+						{{item2}}
+						{{item.providerObjMap.length > 0 ? ':' + JSON.stringify(item.providerObjMap[index2]) : '' }}
+					</text>
+					<!-- #endif -->
+					<!-- #ifdef APP-ANDROID -->
+					<text class="provider-item" v-for="(item2, index2) in item.provider" :key="index2">
+						{{item2}}
+						{{item.providerObj.length > 0 ? ':' + JSON.stringify(item.providerObj[index2]) : '' }}
+					</text>
+					<!-- #endif -->
+
+				</view>
+			</view>
+			<button class="btn-get-provider" type="primary" @click="getProviderSync">getProviderSync</button>
+			<button class="btn-get-provider" type="primary" @click="getProvider">getProvider</button>
+			<button class="btn-get-provider" type="primary"
+				@click="getProviderObjectById">getProviderObjectById</button>
+		</view>
+	<!-- #ifdef APP -->
+	</scroll-view>
+	<!-- #endif -->
 </template>
 
 <script>
-  type ProviderItem = {
-    service : string,
-    name : string,
-    provider : string[],
-    providerObj : UniProvider[],
-    providerObjMap : Object[],
-  }
-
-  export default {
-    data() {
-      return {
-        title: 'provider',
-        flag: false,
-        serviceList: [
-          { service: "oauth", name: "登陆", provider: [], providerObj: [], providerObjMap: [] },
-          { service: "share", name: "分享", provider: [], providerObj: [], providerObjMap: [] },
-          { service: "payment", name: "支付", provider: [], providerObj: [], providerObjMap: [] },
-          { service: "push", name: "推送", provider: [], providerObj: [], providerObjMap: [] },
-          { service: "location", name: "定位", provider: [], providerObj: [], providerObjMap: [] }
-        ] as ProviderItem[],
-        providerObjList: [] as UniProvider[]
-      }
-    },
-    methods: {
-      getProviderIds() {
-        this.serviceList.forEach((item : ProviderItem) => {
-          let providerIds = uni.getProviderIds({
-            service: item.service
-          })
-          this.updateProvider(item.service, providerIds);
-        })
-      },
-      updateProvider(service : string, provider ?: string[] | null) {
-        const item : ProviderItem | null = this.serviceList.find((item : ProviderItem) : boolean => {
-          return item.service == service
-        });
-        if (item != null && provider != null) {
-          item.provider = provider
-        }
-      },
-      getProviderObject() {
-        this.flag = true
-        this.getProviderIds()
-        let objList = []
-        this.serviceList.forEach((value) => {
-          value.provider.forEach((provider) => {
-            let obj = uni.getProviderObject({
-              service: value.service,
-              provider: provider
-            })
-            if (obj != null) {
-              console.log(obj)
-              console.log(JSON.stringify(obj))
-              value.providerObj.push(obj)
-              // #ifdef APP-ANDROID
-              if (obj instanceof UniPaymentWxpayProvider) {//判断微信是否安装
-                var isWeChatInstalled = (obj as UniPaymentWxpayProvider).isWeChatInstalled
-                console.log(isWeChatInstalled)
-              }
-              // #endif
-
-              // #ifdef APP-IOS
-              const providerObjMap = this.getProviderObjectMap(obj)
-              console.log(providerObjMap)
-              value.providerObjMap.push(providerObjMap)
-              // #endif
-            }
-          })
-        })
-      },
-      // #ifdef APP-IOS
-      getProviderObjectMap(provider : UniProvider) {
-
-        const map = new Map()
-        if (this.hasProperty(provider, 'id') && provider.id != null) {
-          map.set('id', provider.id)
-        }
-
-        if (this.hasProperty(provider, 'description') && provider.description != null) {
-          map.set('description', provider.description)
-        }
-
-        if (this.hasProperty(provider, 'isAppExist') && provider.isAppExist != null) {
-          map.set('isAppExist', provider.isAppExist)
-        }
-
-        if (this.hasProperty(provider, 'isWeChatInstalled') && provider.isWeChatInstalled != null) {
-          map.set('isWeChatInstalled', provider.isWeChatInstalled)
-        }
-
-        if (this.hasMethod(provider, 'uniqueMethodForProvider')) {
-          map.set('func-uniqueMethodForProvider', provider.uniqueMethodForProvider())
-        }
-        return Object.fromEntries(map)
-      },
-      hasMethod(provider : UniProvider, methodName : string) {
-        return typeof provider[methodName] === 'function';
-      },
-      hasProperty(provider : UniProvider, propName : string) {
-        return propName in provider
-      }
-      // #endif
-    }
-  }
+	type ProviderItem = {
+		service : string,
+		name : string,
+		provider : string[],
+		providerObj : UniProvider[],
+		providerObjMap : Object[],
+	}
+
+	export default {
+		data() {
+			return {
+				title: 'provider',
+				flag: false,
+				serviceList: [
+					{ service: "payment", name: "支付", provider: [], providerObj: [], providerObjMap: [] },
+					{ service: "location", name: "定位", provider: [], providerObj: [], providerObjMap: [] }
+				] as ProviderItem[],
+				providerObjList: [] as UniProvider[]
+			}
+		},
+		methods: {
+			getProviderSync() {
+				this.serviceList.forEach((item : ProviderItem) => {
+					let provider = uni.getProviderSync({
+						service: item.service
+					} as GetProviderOptions)
+
+					this.updateProvider(item.service, provider.providerIds);
+				})
+			},
+			getProvider() {
+				this.serviceList.forEach((item : ProviderItem) => {
+					uni.getProvider({
+						service: item.service,
+						success: (e) => {
+							this.updateProvider(item.service, e.providerIds);
+						},
+						fail: (e) => {
+							console.log("获取provider失败：", e);
+						}
+					} as GetProviderOptions)
+				})
+			},
+			updateProvider(service : string, provider ?: string[] | null) {
+				const item : ProviderItem | null = this.serviceList.find((item : ProviderItem) : boolean => {
+					item.providerObj = []
+					return item.service == service
+				});
+				if (item != null && provider != null) {
+					item.provider = provider
+				}
+
+			},
+			getProviderObjectById() {
+				this.flag = true
+				this.getProvider()
+				let objList = []
+				this.serviceList.forEach((value) => {
+					value.provider.forEach((provider) => {
+						let obj = uni.getProviderObjectById({
+							service: value.service,
+							provider: provider
+						})
+						if (obj != null) {
+							console.log(obj)
+							console.log(JSON.stringify(obj))
+							value.providerObj.push(obj)
+							// #ifdef APP-ANDROID
+							if (obj instanceof UniPaymentWxpayProvider) {//判断微信是否安装
+								var isWeChatInstalled = (obj as UniPaymentWxpayProvider).isWeChatInstalled
+								console.log(isWeChatInstalled)
+							}
+							// #endif
+
+							// #ifdef APP-IOS
+							const providerObjMap = this.getProviderObjectMap(obj)
+							console.log(providerObjMap)
+							value.providerObjMap.push(providerObjMap)
+							// #endif
+						}
+					})
+				})
+			},
+			// #ifdef APP-IOS
+			getProviderObjectMap(provider : UniProvider) {
+
+				const map = new Map()
+				if (this.hasProperty(provider, 'id') && provider.id != null) {
+					map.set('id', provider.id)
+				}
+
+				if (this.hasProperty(provider, 'description') && provider.description != null) {
+					map.set('description', provider.description)
+				}
+
+				if (this.hasProperty(provider, 'isAppExist') && provider.isAppExist != null) {
+					map.set('isAppExist', provider.isAppExist)
+				}
+
+				if (this.hasProperty(provider, 'isWeChatInstalled') && provider.isWeChatInstalled != null) {
+					map.set('isWeChatInstalled', provider.isWeChatInstalled)
+				}
+
+				if (this.hasMethod(provider, 'uniqueMethodForProvider')) {
+					map.set('func-uniqueMethodForProvider', provider.uniqueMethodForProvider())
+				}
+				return Object.fromEntries(map)
+			},
+			hasMethod(provider : UniProvider, methodName : string) {
+				return typeof provider[methodName] === 'function';
+			},
+			hasProperty(provider : UniProvider, propName : string) {
+				return propName in provider
+			}
+			// #endif
+		}
+	}
 </script>
 
 <style>
-  .page {
-    padding: 15px;
-  }
-
-  .service-item {
-    margin-top: 10px;
-  }
-
-  .service-name {
-    font-weight: bold;
-  }
-
-  .provider-list {
-    margin-left: 32px;
-  }
-
-  .provider-item {
-    line-height: 1.5;
-  }
-
-  .btn-get-provider {
-    margin-top: 30px;
-  }
-</style>
+	.page {
+		padding: 15px;
+	}
+
+	.service-item {
+		margin-top: 10px;
+	}
+
+	.service-name {
+		font-weight: bold;
+	}
+
+	.provider-list {
+		margin-left: 32px;
+	}
+
+	.provider-item {
+		line-height: 1.5;
+	}
+
+	.btn-get-provider {
+		margin-top: 30px;
+	}
+</style>
\ No newline at end of file