2 Commits 0ed14c4e72 ... 452e415bab

Autore SHA1 Messaggio Data
  baichun 452e415bab Merge branch 'master' of http://svn.ouj.com:3000/dwdoc/web 5 anni fa
  baichun 07a9d6ea59 doc 5 anni fa

+ 3 - 3
SUMMARY.md

@@ -1,7 +1,7 @@
 # 多玩前端
 * [开始使用](README.md) 
 * 发布器-多玩静态资源
-  * [概要](cmsProgram/README.md)  
+  * [开始](cmsProgram/README.md)  
   * [了解发布器](cmsProgram/cms.md)  
   * [多玩公共资源](cmsProgram/common.md)
   * [多玩公共资源-旧版](cmsProgram/commonOld.md)  
@@ -11,14 +11,14 @@
   * [广告](cmsProgram/adv.md)  
   * [视频相关](cmsProgram/video.md)  
 * PHP项目-前端
+  * [开始](phpProgram/README.md) 
   * [php项目开发配置](phpProgram/dev.md) 
-  * [概要](phpProgram/README.md) 
   * [运营手动模板](phpProgram/module.md)
   * [云玩游戏&微剧院](phpProgram/yun.md) 
   * [积分商城](phpProgram/shop.md) 
   
 * 前后端分离项目-前端
-  * [概要](frontProgram/README.md) 
+  * [开始](frontProgram/README.md) 
   * [多玩游戏大厅](frontProgram/webGame.md) 
   
 * 小程序&小游戏

+ 20 - 3
cmsProgram/cms.md

@@ -8,8 +8,15 @@
 ### 上传文件  
 可用发布器的上传功能,上传按钮是flash,不出现可换换ie打开  
 
-[![avatar](../image/cms14.png)](../image/cms14.png)  
-[![avatar](../image/cms15.png)](../image/cms15.png)  
+![avatar](../image/cms14.png)  
+![avatar](../image/cms15.png) 
+
+### 上传视频到多玩(可用于专题视频上传)
+
+没有上传权限的话,可能要到多玩视频那里开通博客,上传成功返回视频列表可看到生成对应的视频vid,那样就可以使用多玩flash播放器或者通过vid请求接口拿到视频mp4地址
+
+![avatar](../image/cms55.png) 
+![avatar](../image/cms56.png)   
 
 ### 权限  
 若非是发布器管理员,要进对应专区都要找相关负责人开通专区
@@ -36,7 +43,17 @@
 ### 评论  
 新建专区要申请开通评论,并且正式环境才能显示评论,不可以在preview下看到评论  
 
-发布器每个模板里面加$comment都可以自动引入
+发布器每个模板里面加 $comment 都可以自动引入
+
+然后最后源码会生成含有comment3Uniqid 的html模块
+
+```html
+<!-- 评论{ -->
+<div id="commentList">
+    <script>var comment3Uniqid = '352f90313cd4a21f8b58cf41da7176eb';</script><a name='comment_top'></a><div id="comment_frame"></div><script src="//assets.dwstatic.com/amkit/entry.js" data-entry="p/comment/main"></script>
+</div>
+<!-- }评论 -->
+```
 
 ### 模板内调接口(暂时不支持https接口)    
 参考这个模板:http://

+ 17 - 2
cmsProgram/common.md

@@ -60,8 +60,23 @@ dwUDBProxy.add: //添加登录成功回调->加入队列
 dwUDBProxy.addBind: //添加绑定成功回调->加入队列  
 dwUDBProxy.addLogout: //添加退出登录回调->加入队列  
 
-> <font color='#ff0000'>注意 : 此js依赖 http://pub.dwstatic.com/common/js/jquery.js </font>
-> <font color='#ff0000'>使用其他版本的jquery可能会报错。</font>
+***注意*** :
+>① 多玩登录,退出有时候出现慢的情况是因为登录退出除了重写/删除本站cookie之前,还加了执行其他站cookie重写/删除本站(为了统一登录态)->具体看源码  
+① <font color='#ff0000'>此js依赖 http://pub.dwstatic.com/common/js/jquery.js </font><font color='#ff0000'>使用其他版本的jquery可能会报错。</font>  
+③ 登录针对特权 ka.duowan.com 做了特殊处理,重写暴露登录,退出登录,判断登录态三个方法    
+dwUDBProxy.kaLogin  
+dwUDBProxy.kaLogout  
+dwUDBProxy.isKaLogin  
+
+④ 登录针对多玩游戏大厅多了特殊处理,盒子退出登录不同步其他站cookie缩短退出时间等,具体看源码 
+
+![avatar](../image/cms53.png)
+
+⑤对于小程序内嵌h5页面有做不执行以下判断
+```js 
+//小程序不执行
+if(/(\?|\&)platform=wxminiprogram(&*|$)/.test(location.href)) return
+```
 
 ## 公共移动端评论js
 

+ 2 - 0
cmsProgram/video.md

@@ -47,6 +47,8 @@
 
 入口:多玩视频助手客户端(貌似已下线该功能)
 
+***注意*** 要开通多玩播客才有饭盒订阅号标签,才可以添加视频追踪的
+
 ## 多玩引入外链视频
 
 开发人员:百醇

+ 100 - 5
cmsProgram/zq.md

@@ -1,9 +1,19 @@
 # 多玩专区
 
-### 源码 
-FED/dwweb-pc  -> 2017zt/2018zt 分支  
+### 开始  
+要看下/问下之前有没有类似的专区可参考(避免做重复的东西)  
+
+### 仓库地址 
+FED/dwweb-pc  -> 2017zt|2018zt|2019zt|... 分支 
+
+***重点*** 开发前还是要检查下避免切错分支(特别是改别人做的项目的时候)
+
+### 发布注意  
+build完文件提交到svn,发布器,再将最终文件放上发布器对应专区(开通权限)
+
 ### 框架选择 
 fis3 node6 jquery modjs  
+
 ### 命令-以package.json为准   
 debug : npm run debug  
 build : npm run build  
@@ -14,10 +24,95 @@ build : npm run build
 
 **示例**:
 
-[http://datianshi.duowan.com/index.html](http://datianshi.duowan.com/index.html)  
+http://datianshi.duowan.com/index.html
 
-[![avatar](../image/cms21.png)](../image/cms21.png)  
+![avatar](../image/cms21.png)  
 
 ## 其他订制化专区
 
-进去对应模板查看,注意某些专区的公共模板
+进去对应模板查看,注意某些专区的公共模板
+
+## 注意
+
+①发布器模板命名:遵循 ***(年份后两位+月份+日期)- 页面/功能名称命名*** 方式(具体日期可选),方便维护识别查找 ***避免重名***
+
+![avatar](../image/cms57.png)
+
+②多个页面的公共模块要抽取公共模板,然后对应页面引入  
+
+![avatar](../image/cms58.png)
+
+③文章模板  选择模板为 ***最终文章***,里面内容填充请参考 ***模板语法*** / ***其他专区 最终文章*** 模板
+
+④文章列表模板  选择模板为 ***标签***
+
+④若专区要开通微信分享配置,pc|h5要把对应域名发给php配置,可抽取一个公共模板,方便调用,具体看源码
+
+![avatar](../image/cms59.png)
+
+1807-专区通用-微信分享配置(只供思路参考)
+
+```html
+<script src="//res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
+<script charset="utf-8">
+  var ua = navigator.userAgent.toLowerCase();
+  if (ua.match(/micromessenger/i) == "micromessenger") {
+    var shareTitle = document.getElementById("shareTitle").value;
+    var shareContent = document.getElementById("shareContent").value;
+    var shareImg = document.getElementById("shareImg").value;
+    $.ajax({
+      url: "http://h5game.duowan.com/weixin/getJsSign",
+      type: "GET",
+      dataType: "jsonp",
+      data: {
+        url: location.href,
+        appid: 20
+      },
+      success: function(ret) {
+        ret.data.debug = false;
+        ret.data.jsApiList = [
+          "onMenuShareTimeline",
+          "onMenuShareAppMessage",
+          "onMenuShareQQ",
+          "onMenuShareQZone"
+        ]
+        wx.config(ret.data);
+        wx.ready(function() {
+          wx.onMenuShareTimeline({
+            title: shareTitle,
+            link: location.href,
+            imgUrl: shareImg
+          })
+          wx.onMenuShareAppMessage({
+            title: shareTitle,
+            link: location.href,
+            desc: shareContent,
+            imgUrl: shareImg
+          })
+          wx.onMenuShareQQ({
+            title: shareTitle,
+            link: location.href,
+            desc: shareContent,
+            imgUrl: shareImg
+          })
+          wx.onMenuShareQZone({
+            title: shareTitle,
+            link: location.href,
+            desc: shareContent,
+            imgUrl: shareImg
+          })
+        })
+      }
+    })
+ }
+</script>
+```
+
+然后对应模板引入上述模板然后新增:
+>自定义分享图+标题+描述
+
+```html
+<input type="hidden" id="shareTitle" value="多玩堡垒之夜游戏工具,每日商城、任务列表随时掌控!">
+<input type="hidden" id="shareContent" value="多玩堡垒之夜游戏工具,提供每日商城、任务列表与攻略等全方位查询。">
+<input type="hidden" id="shareImg" value="http://img.dwstatic.com/fortnite/1808/397156510647/1533208418285.png">
+```

+ 82 - 28
cmsProgram/zt.md

@@ -1,55 +1,105 @@
 # 多玩专题
 
-***开始***:  要看下之前有没有类似的专题  
-### 源码 
-FED/dwweb-pc  -> 2017zt/2018zt/2019zt 分支  
-### 框架选择 fis3 node6 jquery modjs webpack parcel
-(或者在满足需求的情况下自主选择)  
+### 开始  
+要看下/问下之前有没有类似的专题可参考(避免做重复的东西)  
+### 仓库地址 
+FED/dwweb-pc  -> 2017zt|2018zt|2019zt|... 分支  
+
+***重点*** 开发前还是要检查下避免切错分支(特别是改别人做的项目的时候)
+
+### 框架选择 
+
+fis3 node6 jquery modjs webpack parcel(或者在满足需求的情况下自主选择)  
 
 ### 命令-以package.json为准  
 debug : npm run debug  
 build : npm run build  
 
-***最后***:build完文件提交到svn,发布器,再将最终文件放上发布器对应专区(如一般活动专题放到**专题活动**专区,要开通权限)
+### 发布注意  
+①build完文件提交到svn,发布器,再将最终文件放上发布器对应专区(如一般活动专题放到**专题活动**专区,要开通权限)
+
+②发布器模板命名:遵循 ***(年份后两位+月份+日期)-专题名称命名*** 方式(具体日期可选),方便维护识别查找 ***避免重名***
 
+eg:
+
+![avatar](../image/cms54.png)  
 
 ## 特权专题
 
-#### 技术栈
+### 技术栈
 
 jquery,fis3,node6+(后续有变动可自行斟酌) 
 
-#### 目前功能
+### 目前功能
 特权礼包领取,抽奖,调用专区文章数据,多玩flash视频播放  
 
-#### 实例  
-
-含领取礼包,首屏动画(已抽取一个js):[http://hdzt.duowan.com/s/tqzt/1902my/index.html ](http://hdzt.duowan.com/s/tqzt/1902my/index.html )  
+### 实例  
 
+>含领取礼包,首屏动画(已封装一个js):[http://hdzt.duowan.com/s/tqzt/1902my/index.html ](http://hdzt.duowan.com/s/tqzt/1902my/index.html )  
 含跨专区文章调用:[http://hdzt.duowan.com/s/tqzt/1906dnf/index.html](http://hdzt.duowan.com/s/tqzt/1906dnf/index.html)  
-
 含抽奖模块:  
-[http://hdzt.duowan.com/s/tqzt/1905byhd/index.html](http://hdzt.duowan.com/s/tqzt/1905byhd/index.html)  
-
-[http://hdzt.duowan.com/s/tqzt/1812mx/index.html](http://hdzt.duowan.com/s/tqzt/1812mx/index.html)
+http://hdzt.duowan.com/s/tqzt/1905byhd/index.html  
+http://hdzt.duowan.com/s/tqzt/1812mx/index.html
 
 ## 专区专题
 
-#### 单机专题   
+注意事项:在删除页面模块时,如果该模块使用了`switchable.js`需要将 js 代码中对应的代码删除,否则会报错并且可能会影响后续使用了相同插件的模块的效果,或者插件使用前做元素长度判断
 
-开发人员:百醇  
-技术栈:fis3,node6,mod.js,jQuery  
-注意事项:在删除页面模块时,如果该模块使用了`switchable.js`需要将 js 代码中对应的代码删除,否则会报错并且可能会影响后续使用了相同插件的模块的效果
 ![](../image/err_switchable.jpg)
 
-#### 堡垒之夜   
+### 单机/tvg专题   
+
+开发人员:百醇,罗广(维护)  
+
+技术栈:fis3,node6,mod.js,jQuery  
+
+访问地址: 
+
+>http://pc.duowan.com/zhuanti/  
+http://tv.duowan.com/zhuanti/(专题列表进去的新版专题)
 
-#### 怪物猎人配装器  
+需求:pc&h5同页面,单机专题和pc专题的主调是蓝色和白色两套皮肤
 
-怪物猎人配装器: [地址](http://pc.duowan.com/s/mhw/pz.html)
+思路:  
+①为了pc&h5还原设计稿,通过判断是否移动端分别异步加载pc|h5的css,同个js文件,但有做兼容处理  
+②皮肤增加skin-blue/skin-white两个类去切换,其他颜色定制化的话,编辑直接在模板页面重写css样式覆盖,原文件不做定制处理了,[点击参考tvg专题NBA 2K18](http://pc.duowan.com/zhuanti/nba2k18/)   
+③增加图片懒加载
+
+### 堡垒之夜专题  
+
+开发人员:百醇,冯罡(维护) 
 
 技术栈: `vue`
 
+访问地址: 
+
+>冯罡->  
+关于游戏: http://fn.duowan.com/newbie-about/  
+萌新入门: http://fn.duowan.com/newbie-about/  
+进阶内容: http://fn.duowan.com/newbie-about/  
+常见问题: http://fn.duowan.com/newbie-about/ 
+
+>百醇,冯罡(维护) ->  
+>每日商城: http://fn.duowan.com/store/  
+武器库: http://fn.duowan.com/weapons/  
+任务列表: http://fn.duowan.com/task/  
+物品掉落率: http://fn.duowan.com/loot/  
+宝箱刷新点: http://fn.duowan.com/chests/
+
+***注意*** pc/h5适配,武器库进去的武器详情有前端通过参数构造comment3Uniqid生成对应武器评论,若有定制化评论需求可参考
+
+### 怪物猎人配装器 
+
+开发人员:俊强,冯罡(维护)[在外站代码基础上修改修改] 
+
+技术栈: `vue`
+
+访问地址: 
+
+>pc&h5:http://pc.duowan.com/s/mhw/pz.html  
+
+入口:[多玩单机怪物猎人专题](http://pc.duowan.com/zhuanti/mhw/),微信搜索 `怪物猎人盒子lite`小程序
+
 > <font color='#ff0000'>注意 : 此项目包含非预期bug。</font>
 > <font color='#ff0000'>bug表现为相同技能名的配装冲突。</font>
 > <font color='#ff0000'>如遇到类似bug可尝试修改技能名。</font>
@@ -60,10 +110,14 @@ jquery,fis3,node6+(后续有变动可自行斟酌)
 
 ## 商务专题  
 
-猎人专题:(three.js)  
-[http://hdzt.duowan.com/s/hunter/index.html](http://hdzt.duowan.com/s/hunter/index.html)  
-我的世界专题:[http://hdzt.duowan.com/1809/m_400258472224.html](http://hdzt.duowan.com/1809/m_400258472224.html)  
-征途专题:[http://hdzt.duowan.com/1806/m_393606239780.html](http://hdzt.duowan.com/1806/m_393606239780.html)  
+>猎人专题:(three.js)  
+http://hdzt.duowan.com/s/hunter/index.html  
+我的世界专题:  
+http://hdzt.duowan.com/1809/m_400258472224.html  
+征途专题:  
+http://hdzt.duowan.com/1806/m_393606239780.html  
 吸血鬼:(parcel,rem,vue)  
-[http://hdzt.duowan.com/1808/m_397078103357.html](http://hdzt.duowan.com/1808/m_397078103357.html)(h5)
-[http://hdzt.duowan.com/1808/m_397579751178.html](http://hdzt.duowan.com/1808/m_397579751178.html)(pc)
+http://hdzt.duowan.com/1808/m_397078103357.html(h5)
+http://hdzt.duowan.com/1808/m_397579751178.html(pc)  
+奇迹觉醒:(根据vid请求接口拿到视频链接)  
+http://hdzt.duowan.com/1805/m_389282097550.html

BIN
image/cms53.png


BIN
image/cms54.png


BIN
image/cms55.png


BIN
image/cms56.png


BIN
image/cms57.png


BIN
image/cms58.png


BIN
image/cms59.png


+ 1 - 4
frontProgram/README.md → otherProgram/README.md

@@ -1,7 +1,4 @@
-# 前后端分离项目
-
-## 多玩游戏大厅
-[点击查看](./webGame.md)
+# 前后端分离/前端项目
 
 ## 多玩人才系统
 

+ 0 - 0
frontProgram/webGame.md → otherProgram/webGame.md


+ 1 - 1
phpProgram/README.md

@@ -46,7 +46,7 @@ fis3,seajs,jquery
 ![avatar](../image/cms52.png)
 
 ## 本地开发
-①配置内网开发环境,指向当前项目  
+①配置内网开发环境([点击参考](./dev.md)),指向当前项目  
 
 ②点击dev-watch运行脚本,或者执行fis3 release dev -d ../../static -w