YOHO!前端js的功能封装包,主要用于在活动页面中,对主要功能的封装。
封装实现的功能
1. 用户相关
1. 获取用户登录uid
2. 验证登录
3. 运行环境相关
1. 区分当前环境h5、pc、小程序还是app
2. 不同环境下页面跳转执行
3. 不同环境下的回退按钮实现
4. 不同环境下的登录功能统一实现
5. 获取当前环境信息
3. 分享相关
1. 微信分享到qq 微信好友 微信朋友圈 微博
2. 微信验签方法提供
使用说明
可以直接import也可以define()
如果是在html页面引入window.yo_sdk可以获取到所有的api
api说明
登录权限判断:
描述:在加载完sdk的时候会主动搜索当前html上是否有class命名为auth的标签,如果有则点击 该标签的时候就会判断当前是否登录如果没有登录则自动判断跳转登录页
用法:<div class="auth">aaa</div>
goLogin:
类型:function
描述:执行登录方法,已经兼容h5 pc 小程序 app 4个端,直接调用就可以登录
用法:window.yo_sdk.goLogin()
env:
类型:string
描述:获取当前环境,会获取到'h5','pc','miniprogram','app'
用法:let env = window.yo_sdk.env
uid:
类型:number
描述:获取当前用户uid,如果没有用户则该值为0
用法:let uid = window.yo_sdk.uid
link:
类型:function
描述:页面跳转
用法:
//跳转到商品详情页data-id='${skn}'
<div data-type='product' data-id='51951762'onClick="fun(event)">product</div>
//跳转到商铺首页data-id:商铺id,data-name商铺名
<div data-type='brand' data-id='468' data-name="FANTASTIC PLANET怪诞星球" onClick="fun(event)">brand</div>
//跳转到其他页面data-url:跳转的页面地址
<div data-type='other' data-url='https://feature.yoho.cn/0917/BOY/index.html?openby:yohobuy={"action":"go.h5","params":{"title":"新品节主会场/BOY","url":"https://feature.yoho.cn/0917/BOY/index.html","share":"\/operations\/api\/v5\/webshare\/getShare","shareparam":{"share_id":"5711"},"param":{"share_id":"5711"}}}' onClick="fun(event)">other</div>
<script src="../build/sdk.js"></script>
<script>
function fun(event){
/**
* aaaaaaaa
*/
window.yo_sdk.link(event);
}
</script>
goBack:
类型:function
描述:回退方法,支持多端回退包括h5和小程序web-view嵌套回退
用法: <button onclick="window.yo_sdk.goBack"></button>
wxSignature:
类型 function
描述:微信验签方法提供
用法:
function callback(){/*** 回调执行 ***/}
window.yo_sdk.wxSignature(callback);
wxShare
类型:function
描述:微信分享方法
用法:必须先执行验签方法再执行分享方法,也可以吧分享方法作为验签方法的callback
let shareData = {
title: '国潮崛起年,中西碰撞博出位!',
imgUrl: 'https://img01.yohoboys.com/o_1cnilugbs15ajak1gfo1d2h1p348.png?imageView2/1/w/200/h/200',
desc: '这里有一份中西潮流榜单,请收好!',
link: location.href,
success: function () {
alert('1123')
}
};
await window.yo_sdk.wxSignature();
await window.yo_sdk.wxShare(shareData)