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 -->
</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-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>