102 lines
2.6 KiB
Vue
102 lines
2.6 KiB
Vue
<template>
|
||
<view>
|
||
<nav-bar title="公众号SDK"></nav-bar>
|
||
<!-- 公共组件-每个页面必须引入 -->
|
||
<public-module></public-module>
|
||
<view class="table_box">
|
||
<view class="table_title">使用前需要配置的参数</view>
|
||
<view class="table_content"><text>config/baseUrl.js => 对应的环境添加publicAppId参数值（微信公众号APPID）</text></view>
|
||
<view class="table_head">
|
||
<text>文件夹</text>
|
||
<text>描述</text>
|
||
</view>
|
||
<view class="table_content">
|
||
<text>plugins/wxJsSDK.js</text>
|
||
<text>72行 => 配置获取SDK权限签名、随机数、时间戳的接口，修改入参名称</text>
|
||
</view>
|
||
<view class="table_content"><text>目前就使用了定位和分享，需要其他的SDK，自行配置</text></view>
|
||
</view>
|
||
<view class="input_form_box">
|
||
<view class="input_box btm_line">
|
||
<view class="name">公众号获取经纬度</view>
|
||
<view class="select_info" @click="onGetLocation"><view class="select">点击获取</view></view>
|
||
</view>
|
||
<view class="input_box btm_line">
|
||
<view class="name">公众号设置分享信息</view>
|
||
<view class="select_info" @click="onSetShare"><view class="select">点击获取</view></view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
// #ifdef H5
|
||
import { getBrowser } from '@/config/html5Utils.js';
|
||
import { getLocation, setShare } from '@/plugins/wxJsSDK';
|
||
// #endif
|
||
export default {
|
||
data() {
|
||
return {};
|
||
},
|
||
//方法
|
||
methods: {
|
||
onGetLocation() {
|
||
// #ifdef H5
|
||
if (getBrowser() == '微信') {
|
||
getLocation().then(res => {
|
||
console.log(res);
|
||
uni.showToast({
|
||
title: '已获取到经纬度信息',
|
||
icon: 'none'
|
||
});
|
||
});
|
||
} else {
|
||
uni.showToast({
|
||
title: '请在微信公众号环境使用',
|
||
icon: 'none'
|
||
});
|
||
}
|
||
// #endif
|
||
// #ifndef H5
|
||
uni.showToast({
|
||
title: '请在微信浏览器使用',
|
||
icon: 'none'
|
||
});
|
||
// #endif
|
||
},
|
||
onSetShare() {
|
||
// #ifdef H5
|
||
if (getBrowser() == '微信') {
|
||
setShare({
|
||
title:"分享标题",
|
||
desc:"分享描述",
|
||
link:"http://kemean.com", // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
|
||
imgUrl: "分享图标"
|
||
},function(){
|
||
uni.showToast({
|
||
title: '分享设置成功！',
|
||
icon: 'none'
|
||
});
|
||
});
|
||
} else {
|
||
uni.showToast({
|
||
title: '请在微信公众号环境使用',
|
||
icon: 'none'
|
||
});
|
||
}
|
||
// #endif
|
||
// #ifndef H5
|
||
uni.showToast({
|
||
title: '请在微信浏览器使用',
|
||
icon: 'none'
|
||
});
|
||
// #endif
|
||
|
||
}
|
||
}
|
||
};
|
||
</script>
|
||
<style lang="scss" scoped>
|
||
@import '@/style/mixin.scss';
|
||
</style>
|