關於微信朋友圈廣告的H5頁面製做de注意事項

其實官方文檔已經寫得很清楚了，記得不要用es6哈~

微信開發規範、目錄規範

官方開發規範
http://ad.weixin.qq.com/learn...

自測表
http://owncloud.pt.xiaomi.com...

壓力測試
http://owncloud.pt.xiaomi.com...

項目初始化設置（微信提供 找項目負責人）

1 項目別名 （建立目錄的名稱，添加統計時的別名）

例："20161219xiaomi"

2 上線地址（絕對路徑）

例：https://wximg.qq.com/wxp/moment/N1S_eVj0Z/html/index.html
例：hhttps://wximg.qq.com/wxp/moment/N1S_eVj0Z/html/

編譯 & 調試 & 部署

使用微信工具 WeFlow

https://weflow.io/

微信通用庫 WxMoment

WxMoment 是由微信朋友圈廣告團隊面向廣告詳情頁開發者提供的一個Javascript庫。
經過使用 WxMoment，開發者能夠簡單的實現詳情頁面中的常見功能

提供的API：

數據統計（須要項目別名，微信提供 找項目負責人）
橫屏提示
資源預加載
滑屏組件
維繫分享
騰訊視頻
表單預定

腳本地址

<script src="//wximg.qq.com/wxp/libs/wxmoment/0.0.4/wxmoment.min.js"></script>

最新腳本地址

https://github.com/wxc-team/WxMoment

腳本示例

https://github.com/wxc-team/WxMoment/tree/master/example

通用庫詳情

http://ad.weixin.qq.com/learn/md926a5bb

目錄規範

└── 例：20161219xiaomi            //示例項目，項目目錄（項目別名 由項目負責人提供）
    └── dist                        //編譯後文件目錄（最終提交的文件）
    └── dev                         //開發時文件目錄
    └── src                         //源文件目錄，全部的開發在此目錄下進行
        ├── css                     //樣式表目錄，使用 Less，只有 style-*.less 的文件名會被編譯
        │   └── style-promo.less
        ├── html                    //HTML目錄
        │   └── index.html
        ├── media                   //多媒體文件
        │   └── v1021.mp4
        └── img                     //圖片目錄

特別注意

1 頁面全部資源使用HTTPS協議（除分享縮略圖的連接地址必須爲HTTP）

<meta name="wxm:img_url" content="http://wximg.qq.com/wxp/moment/E1M8SgPDZ/img/thumb.jpg">

2 打包提交給微信時確保ZIP包中不包含 ".DS_Store" 隱藏文件（MAC系統尤爲注意，每一個目錄都須要查看）