hello-weapp微信小程序最簡示例教程

Labradors 發布于2019-08-21 14:30 / 1805人閱讀

摘要：倉庫打開微信小程序官方開發文檔，最好全篇看一遍，基本上就會了。

https://github.com/dingyiming...

倉庫：https://github.com/dingyiming...

打開微信小程序官方開發文檔，最好全篇看一遍，基本上就會了。

點擊文檔中工具選項卡中下載工具頁面下載對應系統版本的微信開發者工具

注意：脫離微信開發者工具是不能調試的

好了，安裝下工具即可打開,看到選擇項目的界面，點擊添加項目

添加項目,沒有app id就選擇無AppID, 勾選在當前目錄中創建quick start項目，直接有個簡單的示例,

AppID 是微信開發者官方授權開發者的一個憑證，目前只有200家受邀內測的公眾號才有，所以咱們就通過無AppID開發調試吧！主要限制如下：

然后點擊添加項目即進入具體項目的開發環境

我們先看看目前有的文件目錄，點擊左側編輯按鈕打開所有文件目錄

查看文件目錄說明

注意：為了方便開發者減少配置項，微信規定描述頁面的這四個文件必須具有相同的路徑與文件名。這個很關鍵，不能隨意創建目錄以及文件與頁面關聯

從官方文檔得知，必須有的幾項

最簡示例至少有一個簡單的頁面，所以，接下來我們刪除一些文件來看最簡示例的項目結構吧！

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

這時候，點擊左下角的編譯按鈕，可以看到控制臺大大的報錯了，一看便知是少了logs這個目錄，因為剛剛被刪除了，

那我們去 app.json配置項中找到頁面配置去除多余內容吧

剩下這樣的應用配置

點擊編譯，清除控制臺可以看到沒有報錯了，

點擊編輯，打開 /pages/index/index.wxml 文件

改成下面這樣

點擊編譯，ok最簡示例hello weapp 完成了

其中wxml的寫法可以看官方組件文檔，接著嘗試各種吧！

微信小程序中不能直接使用html，必須嚴格使用官方的組件庫來開發頁面顯示，并且微信小程序中沒有window和document對象，自然類似jquery/zepto 都是無法使用的

如果要問ajax怎么辦？微信自然幫我們實現了一個接口來做數據通信的事情，請看這里

ok 了，可以開始進一步熟悉微信小程序每一個組件和API來做應用了。

更多資源訪問 https://github.com/dingyiming...

GPU云服務器云服務器微信小程序支付微信小程序部署微信小程序搭建微信小程序環境

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/87929.html

微信小程序資源匯總整理

摘要：有問題可通過微博聯系我開源項目微信小程序微信小應用資源破解文檔微信小應用示例代碼文檔簡易教程開發者工具文檔文檔視圖組件文檔常見問題教程微信小程序開發文檔微信公眾平臺文檔微信小程序怎么開發玩物志用一個上午上線了電商應用愛范兒有問題可通過微博聯系我： http://weibo.com/jinfali 開源項目 wechatApp-demo - 微信小程序 DEMO weapp-ide-...

guqiu 2019-08-29 11:20 評論0 收藏0
微信小程序資源匯總整理

摘要：有問題可通過微博聯系我開源項目微信小程序微信小應用資源破解文檔微信小應用示例代碼文檔簡易教程開發者工具文檔文檔視圖組件文檔常見問題教程微信小程序開發文檔微信公眾平臺文檔微信小程序怎么開發玩物志用一個上午上線了電商應用愛范兒有問題可通過微博聯系我： http://weibo.com/jinfali 開源項目 wechatApp-demo - 微信小程序 DEMO weapp-ide-...

xiaodao 2019-08-20 11:12 評論0 收藏0
微信小程序資源匯總整理

摘要：有問題可通過微博聯系我開源項目微信小程序微信小應用資源破解文檔微信小應用示例代碼文檔簡易教程開發者工具文檔文檔視圖組件文檔常見問題教程微信小程序開發文檔微信公眾平臺文檔微信小程序怎么開發玩物志用一個上午上線了電商應用愛范兒有問題可通過微博聯系我： http://weibo.com/jinfali 開源項目 wechatApp-demo - 微信小程序 DEMO weapp-ide-...

beanlam 2019-08-01 15:45 評論0 收藏0