common.md 6.1 KB

多玩通用资源

源码

FED/dwweb-pc -> common分支

框架选择

fis3 node6 jquery modjs

命令-以package.json为准

debug : npm run debug
build : npm run build

通用顶部导航(2个路径)

avatar

开发人员:俊强

访问地址:

http://pub.dwstatic.com/common/dwNavbar/navbar.js http://www.duowan.com/public/s/i/navbar/navbar.js(在发布器-首页专区-文件管理-替换后刷新cdn)

入口:多玩导航不需要seo的页面

注意:这里异步引入了金豆商城的任务弹框http://plus.duowan.com/static/widget/plus/plus.js

通用底部(2个路径)

avatar

开发人员:百醇(维护)

访问地址:

http://pub.dwstatic.com/common/dwFoot/duowanFooter.js
http://www.duowan.com/assets/js/duowanFooter.js(在发布器-首页专区-文件管理-替换后刷新cdn)

通用登录(自动登录校验,登录,注销,添加特权登录,注销)

开发人员:志鸿(维护)

访问地址:

http://pub.dwstatic.com/common/js/dwudbproxy.js

http://pub.dwstatic.com/common/js/dwudbproxy-new.js为了测试兼容游戏大厅新复制的js

入口:导航异步引入

常用暴露方法:

可到当前目录_login.html测试或者看源码

dwUDBProxy.login(successURL, appid) //登录 注意:successURL为function时则不刷新页面/跳转链接
dwUDBProxy.register(successURL, appid) //登录
dwUDBProxy.kaLogin(successURL, appid) //特权——登录
dwUDBProxy.multiLogin //新版登录-一般调login dwUDBProxy.mobileLogin //移动登录-一般调login dwUDBProxy.logout //退出登录
dwUDBProxy.kaLogout //特权——退出登录
dwUDBProxy.isLogin //判断是否登录
dwUDBProxy.isKaLogin //特权——判断是否登录
dwUDBProxy.getCookie
dwUDBProxy.getUsername
dwUDBProxy.getUid
dwUDBProxy.add: //添加登录成功回调->加入队列
dwUDBProxy.addBind: //添加绑定成功回调->加入队列
dwUDBProxy.addLogout: //添加退出登录回调->加入队列

注意 :

① 多玩登录,退出有时候出现慢的情况是因为登录退出除了重写/删除本站cookie之前,还加了执行其他站cookie重写/删除本站(为了统一登录态)->具体看源码
① 此js依赖 http://pub.dwstatic.com/common/js/jquery.js 建议使用此版本jquery,使用其他版本的jquery可能会报错。

一个例子:

③ 登录针对特权 ka.duowan.com 做了特殊处理,重写暴露登录,退出登录,判断登录态三个方法
dwUDBProxy.kaLogin
dwUDBProxy.kaLogout
dwUDBProxy.isKaLogin

④ 登录针对多玩游戏大厅多了特殊处理,具体看源码

1.盒子退出登录不同步其他站cookie缩短退出时间等
2.登录后不弹出多玩绑定弹窗
3.登录后重新set一遍cookie,防止客户端拿不到

avatar

⑤对于小程序内嵌h5页面有做不执行以下判断

//小程序不执行
if(/(\?|\&)platform=wxminiprogram(&*|$)/.test(location.href)) return

公共移动端评论js

开发人员:志鸿

入口:按需引入

http://pub.dwstatic.com/common/js/articleComment.js
http://pub.dwstatic.com/common/js/articleCommentFlex.js (后来为了某专题适配,已弃用)

demo:单机游戏专题wap端:http://pc.duowan.com/zhuanti/mhw/index.html

通用广告上报(点击+展示)

开发人员:志鸿

访问地址:

新版:http://pub.dwstatic.com/common/js/dastat.js
旧版:http://pub.dwstatic.com/common/js/yastat.js http://pub.dwstatic.com/common/js/ya.js(弃用)

入口:页面如果有 广告投入 则需要引入(点击查看详细

非多玩域链接点击统计

访问地址:

http://pub.dwstatic.com/common/js/statistics.js

入口:页面根据按需引入(造爷说主要用于统计投票)

通用百度统计

开发人员:百醇

访问地址:

http://pub.dwstatic.com/common/js/dwBaiduHmt.js

入口:在duowanFooter.js异步引入

思路:根据多玩不同域名引入对应百度统计代码,没有匹配专区则走默认统计->后续根据需求可增加

金豆商城数据上报js

开发人员:百醇

访问地址:

http://pub.dwstatic.com/common/dwPlusReport/plusReport.js?channel=readnews

入口:多玩首页广告点击,读取新闻,评论任务,图库任务,游戏库,clickads

链接参数channel:readnews/watchvideos/watchtuku/gamevote/gamevote2(进源码了解更多)

文章页适配外站视频js(腾讯视频,虎牙视频,b站视频)

开发人员:百醇

访问地址:

http://pub.dwstatic.com/common/js/dwExternalVideo.js

demo:http://lol.duowan.com/1901/411589006636.html

文章页引入类似代码判断:

<div class="dw-external-video v-horizontal">
    <embed src="https://vhuya-static.huya.com/video/vppp.swf" allowfullscreen="true" quality="high" height="" width="" align="middle" allowscriptaccess="always" flashvars="uu=a04808d307&amp;vu=&amp;channelId=vhuyalol&amp;auto_play=1&amp;sdk=dw&amp;vid=112162173&amp;logo=huya&amp;no_danmu=1&amp;from=vhuyashareweb" type="application/x-shockwave-flash" wmode="transparent"></embed>
</div>

入口:在duowanFooter.js判断是否有dw-external-video这个类异步引入

思路:根据上述代码正则匹配属于哪类视频对应处理显示

目前功能:支持传入类支持横竖屏视频选择,腾讯视频,虎牙视频,b站视频,检测iframe点击上报

编辑使用方式:入口:发布器任意专区->虎牙视频->外链视频->视频代码

avatar

avatar

avatar

avatar

专区侧边栏

开发人员:昆霖

访问地址:

http://pub.dwstatic.com/common//daList_recommand/sidebar.js

入口:专区模板按需引入

avatar

avatar