• <th id="3ez7p"></th>
    <button id="3ez7p"></button>

    <th id="3ez7p"></th>

    <th id="3ez7p"></th>
  • <s id="3ez7p"></s><span id="3ez7p"><p id="3ez7p"></p></span>
  • 微信小程序開發文檔

    微信小程序開發教程文檔


    微信小程序大家都不目生了,2017年1月9日,張小龍在2017微信公然課Pro上發布的小程序正式上線。經由一年半的發展,微信小程序可謂異?;鸨?,同時微信小程序團隊也在暗暗發力,不斷地迭代進級新功能。


    微信小程序

    那么今天我們來說下如何進行微信小程序開發,以及微信小程序開發教程和文檔。


    1、注冊微信小程序賬號


    小程序注冊賬號

    這個直接進入微信小程序官網自行注冊即可,在此未幾贅述。


    微信小程序官方

    2、獲取APPID


    獲取小程序APPID


    APPID在哪里獲取呢,根據第一步注冊的小程序帳號,然后登陸上,找到左側“設置”,“開發設置”,就看到APPID啦,把APPID復制下來,留作備用。


    3、綁定開發者


    假如在第一步注冊小程序帳號的時候,你不是治理員,那么這個時候,還需要綁定個開發者,直接登錄小程序后臺,點左側“用戶身份”-點右側“編纂”添加成員,泛起個二維碼,治理員掃描二維碼后,然后輸入開發者微信號,勾選權限,確定,就可以了。


    4、下載微信小程序開發者工具


    下載微信小程序開發者工具

    直接在微信小程序官方下載即可,根據不同的電腦系統下載對應的版本,安裝即可,未幾贅述!


    5、創建微信小程序項目


    打開步驟4中安裝好的小程序開發工具,然后用開發者(或者治理員)掃碼登錄,選擇創建“新項目”,填入步驟2獲取到的 AppID,設置一個本地項目的名稱,并選擇一個本地的文件夾作為代碼存儲的目錄,點擊「新建項目」就可以了。


    微信小程序

    6、編寫微信小程序代碼


    編寫代碼對新手來說有點難度,不外我們可以從微信小程序官方上直接下載代碼實例,下載后,直接解壓到步驟5代碼存儲目錄內即可。這時我們會發現,有三個后綴的文件,分別為app.js、app.json、app.wxss。其中,.js 后綴的是腳本文件,.json 后綴的文件是配置文件,.wxss 后綴的是樣式表文件。


    接下來喝彩科技工程師趙德志在這里具體給大家說下,它們各自的功能。


    app.js 是小程序的腳本代碼。我們可以在這個文件中監聽并處理小程序的生命周期函數、聲明全局變量。調用 MINA 提供的豐碩的 API,如本例的同步存儲及同步讀取本地數據。


    app.json 是對整個小程序的全局配置。我們可以在這個文件中配置小程序是由哪些頁面組成,配置小程序的窗口 背景色,配置導航條樣式,配置默認標題。留意該文件不可添加任何注釋。


    app.wxss 是整個小程序的公共樣式表。我們可以在頁面組件的 class 屬性上直接使用 app.wxss 中聲明的樣式規則。


    微信小程序開發

    7、創建微信小程序頁面


    微信小程序中的每一個頁面的【路徑 + 頁面名】都需要寫在 app.json 的 pages 中,且 pages 中的第一個頁面是小程序的首頁。


    每一個小程序頁面是由同路徑下同名的四個不同后綴文件的組成,如:index.js、index.wxml、index.wxss、index.json。.js 后綴的文件是腳本文件,.json 后綴的文件是配置文件,.wxss 后綴的是樣式表文件,.wxml 后綴的文件是頁面結構文件。


    微信小程序教程詳解

    8、手機預覽


    開發者工具左側菜單欄選擇"項目",點擊"預覽",掃碼后即可在微信客戶端中體驗。


    9、上傳小程序代碼


    開發者工具左側菜單欄選擇"項目",點擊"上傳"即可將代碼上傳到微信小程序服務器。


    10、提交微信審核及小程序發布


    步驟9上傳好小程序代碼后,提交微信進行審核。審核現在也很快,一把幾個小時就審核過了,慢的話估計2-5天吧,等審核通過后,就可以在小程序后臺,進行發布上線了。有哪些不明白的,大家也可以給我留言,我們及時給大家回復解答。


    暢言一下 登錄

    用戶評論

      新聞資訊

      推薦文章

      • 如何為WooCommerce啟用客戶評論

        2021-03-08,19:02:20/ wishop,funke

        需要有關如何為WooCommerce設置客戶評論的幫助嗎?在產品頁面上沒有可供客戶評論的區域的網上商店并不完整。從Duluth貿易公司到Dollar Shave Club,一些最受歡迎的在線商店都在產品信息下方包含一個模塊,供客戶咆哮和狂歡。這不僅提供了客戶反饋選項,而且還是指導未來客戶的絕佳方法。

      • WooCommerce Apple Pay教程:2021年簡易設置指南

        2021-03-05,18:47:04/ wishop,funke

        Apple Pay是一種數字錢包和移動支付解決方案,它為您提供了另一種通過在線商店付款的方式。與其他移動支付網關和匯款應用程序(如Venmo,Amazon Pay和Google Pay)一樣,Apple Pay系統為客戶提供了一種更簡單便捷的付款方式,可直接在其設備上進行安全的購買。

      熱門標簽

      圖片新聞

    • <th id="3ez7p"></th>
      <button id="3ez7p"></button>

      <th id="3ez7p"></th>

      <th id="3ez7p"></th>
    • <s id="3ez7p"></s><span id="3ez7p"><p id="3ez7p"></p></span>
    • 丰满少妇被猛烈进入高清播放_菠萝蜜国际一区麻豆不用下载_攻受男男肉不打码视频_久久综合亚洲色hezyo社区