一、先了解什么是Hybrid App(混合模式移動(dòng)應(yīng)用)

企業(yè)建站必須是能夠以充分展現(xiàn)企業(yè)形象為主要目的，是企業(yè)文化與產(chǎn)品對(duì)外擴(kuò)展宣傳的重要窗口，一個(gè)合格的網(wǎng)站不僅僅能為公司帶來(lái)巨大的互聯(lián)網(wǎng)上的收集和信息發(fā)布平臺(tái)，創(chuàng)新互聯(lián)建站面向各種領(lǐng)域：木屋等成都網(wǎng)站設(shè)計(jì)、網(wǎng)絡(luò)營(yíng)銷推廣解決方案、網(wǎng)站設(shè)計(jì)等建站排名服務(wù)。

http://baike.so.com/doc/6731462-6945763.html

二、這里先來(lái)嘗試學(xué)習(xí)下國(guó)內(nèi)免費(fèi)開源框架WeX5

  1、先看看綜合演示案例好了：http://www.wex5.com/portfolio-items/demo-wex5portal/

    2、下載些新手入門的視頻看看：http://www.wex5.com/wex5-welcome/

  3、了解Baas（后端即服務(wù)：Backend as a Service）:http://baike.baidu.com/link?url=Q1r5OcvfyBX3b1Dcoip3wTztBqUZnGW-qqpaz1eokTSMpbX3g3MA1sgO_EbZOXmtyGfA9VU74JFC3n1jA6oi7q

        注：我們可以用ajax調(diào)用自己的后臺(tái)服務(wù)（java/php等等后臺(tái)），也可以使用X5提供的Bass服務(wù)直接訪問數(shù)據(jù)庫(kù)。

    4、Bootstrap(web前端css框架），WeX5基于它作的拓展：http://baike.baidu.com/link?url=oZs8VV9b9jzI9mI4aZgLzUaZd9h09vjGtv1EK0yU7D9iZtydVoJoiiYm0i4RP-ng3xL4pmjr9pweeBbsp-hvI6H_by3xf9cO7u3LAmFmi_q

        例一：使用媒體對(duì)象組件，http://v3.bootcss.com/components/#media 。按它的div布局，調(diào)用其class名稱，便可以有Bootstrap的模版效果了。

        例二：柵格系統(tǒng)及其響應(yīng)式布局處理： http://v3.bootcss.com/css/#grid

        bootstrap中文網(wǎng)（查詢手冊(cè)）：http://www.bootcss.com/

        學(xué)習(xí)bootstrap（基礎(chǔ)篇） http://www.imooc.com/learn/141

    學(xué)習(xí)bootstrap（js插件篇） http://www.imooc.com/learn/262

    5、視頻是基于Baas的，如果要使用自己的web服務(wù)端，那就按正常的ajax方案調(diào)用，再結(jié)合WeX5來(lái)處理。值得注意的一點(diǎn)是：由于是訪問另一個(gè)服務(wù)端，所以要解決跨域訪問的問題，方案比較簡(jiǎn)單，

http://www.wex5.com/ajax-cors-jsonp/

    6、關(guān)于部署（把需要的文件部署到一個(gè)新的tomcat,發(fā)布外網(wǎng)就不作說(shuō)明了）：

        A、把E:\WeX5\model\Native\外賣\www 目錄下項(xiàng)目文件（例如：wm）復(fù)制到 D:\Tomcat6.0\webapps

        B、把E:\WeX5\apache-tomcat\webapps\app-template目錄下的WEB-INF復(fù)制到D:\Tomcat6.0\webapps\wm目錄下

        C、把E:\WeX5\runtime目錄下的BaasServer復(fù)制到D:\Tomcat6.0\webapps目錄下，并且更名為bass。

        D、把E:\WeX5\apache-tomcat\conf\context.xml文件中的數(shù)據(jù)庫(kù)相關(guān)的配置復(fù)制到D:\Tomcat6.0\conf\context.xml文件中。

        E、把E:\WeX5\apache-tomcat\lib目錄中的mysql-connector-java-5.1.36-bin.jar復(fù)制到D:\Tomcat6.0\lib目錄中

        F、運(yùn)行tomcat訪問http://127.0.0.1:8181/wm/index.html

    可能會(huì)出現(xiàn)的錯(cuò)誤：

        a、如果新tomcat的jdk版本比WeX5使用的jdk版本低，啟動(dòng)tomcat會(huì)報(bào)錯(cuò)。

        b、D:\Tomcat6.0\webapps\wm\WEB-INF\web.xml文件中的<url-pattern>*</url-pattern>可能會(huì)報(bào)錯(cuò)。改成<url-pattern>/*</url-pattern>就好了。

        <filter-mapping>

<filter-name>resourceFilter</filter-name>

<url-pattern>/*</url-pattern>

   </filter-mapping>

文檔位置：

  http://docs.wex5.com/ 此處搜索你想要的Wex5開發(fā)說(shuō)明，例：“頁(yè)面跳轉(zhuǎn)”

    案例匯總清單：http://docs.wex5.com/learning-resource-cases/

鏈接備忘：

    1、申請(qǐng)微信測(cè)試帳號(hào)

    http://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=sandbox/login

    2、申請(qǐng)服務(wù)號(hào)

    https://mp.weixin.qq.com/

    注：接入方式和測(cè)試號(hào)查不多，先看微信的文檔，少走彎路，畢竟WeX5的教程很多都不具體。

https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421135319&token=&lang=zh_CN

根據(jù)文檔描述的配置好服務(wù)器配置之后，記得啟用該功能，然后關(guān)注公眾號(hào)，同樣是發(fā)送memu刷新菜單。

    3、微信公眾號(hào)本地測(cè)試

    http://blog.qqbrowser.cc/wei-xin-gong-zhong-hao-ben-di-diao-shi/

    注：正確的返回路徑應(yīng)該是類似這樣的（沒有端口）：

    http://fw5i7hei9d.proxy.qqbrowser.cc/x5/UI2/v_51ef0819c3504fc4a6cc66896e71db3cl_zh_CNs_d_/zanshequ/index.w

    編碼后：

    http%3A%2F%2Ffw5i7hei9d.proxy.qqbrowser.cc%2Fx5%2FUI2%2Fv_51ef0819c3504fc4a6cc66896e71db3cl_zh_CNs_d_%2Fzanshequ%2Findex.w

    4、wex5微信公眾號(hào)支付開發(fā)

  wex5文檔：http://doc.wex5.com/pay-mp-step-by-step/#5

        補(bǔ)充：此文檔頁(yè)面最下方的常見問題很有用，第4點(diǎn)就是我遇到的。早看到就好了，也怪坑人的“搶先版”。

    微信官方文檔：https://pay.weixin.qq.com/wiki/doc/api/jsapi.php?chapter=7_4 （頁(yè)面下方）

        補(bǔ)充：遇到簽名錯(cuò)誤問題，看了文檔才知道，weixin.config.xml中的appkey 是要去微信商戶平臺(tái)(pay.weixin.qq.com)設(shè)置的，路徑：賬戶設(shè)置-->API安全-->密鑰設(shè)置。

   5、微信接口返回碼說(shuō)明：

    https://mp.weixin.qq.com/wiki/17/fa4e1434e57290788bde25603fa2fcbd.html

    

    6、關(guān)于用戶授權(quán)、獲取用戶信息的規(guī)則，重點(diǎn)看一下。

      https://mp.weixin.qq.com/wiki/17/c0f37d5704f0b64713d5d2c37b468d75.html

Wex5開發(fā)使用快捷鍵：

    1、js事件方法中獲取當(dāng)前行：listrow + alt /

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)cdcxhl.cn，海內(nèi)外云服務(wù)器15元起步，三天無(wú)理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì)，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。

當(dāng)前文章：HTML5（WeX5框架）開發(fā)概述-創(chuàng)新互聯(lián)
文章地址：http://vcdvsql.cn/article30/ejcso.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站設(shè)計(jì)公司、外貿(mào)建站、微信公眾號(hào)、全網(wǎng)營(yíng)銷推廣、網(wǎng)站營(yíng)銷、動(dòng)態(tài)網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)