欧美综合影院在线影院,国产精品女人久久久久久,日韩精品无码去免费专区,樱花草在线社区WWW日本影院

Menu
小程序資訊
小程序資訊
微信小程序最簡(jiǎn)示例教程
時(shí)間:2016-10-25 11:01:00
  • 打開(kāi)微信小程序官方開(kāi)發(fā)文檔,最好全篇看一遍,基本上就會(huì)了。

  • 點(diǎn)擊文檔中 工具 選項(xiàng)卡中 下載工具頁(yè)面 下載對(duì)應(yīng)系統(tǒng)版本的微信開(kāi)發(fā)者工具

    • 注意:脫離微信開(kāi)發(fā)者工具是不能調(diào)試的

  • 好了,安裝下工具即可打開(kāi),看到選擇項(xiàng)目的界面,點(diǎn)擊添加項(xiàng)目

  • 添加項(xiàng)目,沒(méi)有app id就選擇無(wú)AppID, 勾選在當(dāng)前目錄中創(chuàng)建quick start項(xiàng)目,直接有個(gè)簡(jiǎn)單的示例,

  • AppID 是微信開(kāi)發(fā)者官方授權(quán)開(kāi)發(fā)者的一個(gè)憑證, 目前只有200家受邀內(nèi)測(cè)的公眾號(hào)才有,所以咱們就通過(guò)無(wú)AppID開(kāi)發(fā)調(diào)試吧!主要限制如下:

  • 然后點(diǎn)擊添加項(xiàng)目即進(jìn)入具體項(xiàng)目的開(kāi)發(fā)環(huán)境

  • 我們先看看目前有的文件目錄,點(diǎn)擊左側(cè) 編輯 按鈕 打開(kāi)所有文件目錄

查看文件目錄說(shuō)明

注意:為了方便開(kāi)發(fā)者減少配置項(xiàng),微信規(guī)定描述頁(yè)面的這四個(gè)文件必須具有相同的路徑與文件名。這個(gè)很關(guān)鍵,不能隨意創(chuàng)建目錄以及文件與頁(yè)面關(guān)聯(lián)

  • 從官方文檔得知 ,必須有的幾項(xiàng)

  • 最簡(jiǎn)示例至少有一個(gè)簡(jiǎn)單的頁(yè)面,所以,接下來(lái)我們刪除一些文件來(lái)看最簡(jiǎn)示例的項(xiàng)目結(jié)構(gòu)吧!

  • 先刪除多余目錄以及文件剩下,如下文件,

  • 這時(shí)候,點(diǎn)擊左下角的編譯按鈕,可以看到控制臺(tái)大大的報(bào)錯(cuò)了,一看便知是少了logs這個(gè)目錄,因?yàn)閯倓偙粍h除了,

  • 那我們?nèi)?app.json配置項(xiàng)中找到頁(yè)面配置去除多余內(nèi)容吧

  • 剩下這樣的應(yīng)用配置

  • 點(diǎn)擊編譯,清除控制臺(tái)可以看到?jīng)]有報(bào)錯(cuò)了,

  • 點(diǎn)擊編輯,打開(kāi) /pages/index/index.wxml 文件

  • 改成下面這樣

  • 點(diǎn)擊編譯,ok最簡(jiǎn)示例hello weapp 完成了

  • 其中wxml的寫(xiě)法可以看 官方組件文檔,接著嘗試各種吧!

  • 微信小程序中不能直接使用html,必須嚴(yán)格使用官方的組件庫(kù)來(lái)開(kāi)發(fā)頁(yè)面顯示,并且微信小程序中沒(méi)有window和document對(duì)象,自然類似jquery/zepto 都是無(wú)法使用的

  • 如果要問(wèn)ajax怎么辦?微信自然幫我們實(shí)現(xiàn)了一個(gè)接口來(lái)做數(shù)據(jù)通信的事情,請(qǐng)看這里

  • ok 了,可以開(kāi)始進(jìn)一步熟悉微信小程序每一個(gè)組件和API來(lái)做應(yīng)用了。

  • 更多資源 訪問(wèn) https://github.com/dingyiming/weapp-example/issues/2

咨詢
微信掃碼咨詢
電話咨詢
400-888-9358