<li id="pz5fa"><acronym id="pz5fa"></acronym></li>
  • <dd id="pz5fa"><pre id="pz5fa"></pre></dd>

    1. 新聞動態

      NEWS

      首頁> 新聞中心

      淄博微信小程序開發教程

      2017.07.03

        微信小程序這段時間可謂處于大熱的情況,不斷開始增加新的功能。那么這么火熱的微信小程序該如何開發呢?下面淄博一群猴帶你去打開這個新世界的大門。

        

        1.獲取微信小程序的 AppID

        

        首先,我們需要擁有一個帳號,登錄微信官方網站: https://mp.weixin.qq.com ,點擊上方首頁菜單的“立即制作”,即可開始進行制作。就可以在網站的「設置」-「開發者設置」中,查看到微信小程序的 AppID 了。

        

        2. 創建項目

        

        我們需要通過開發者工具,來完成小程序創建和代碼編輯。開發者工具安裝完成后,打開并使用微信掃碼登錄。選擇創建「項目」,填入上文獲取到的 AppID,設置一個本地項目的名稱(非小程序名稱),比如「我的第一個項目」,并選擇一個本地的文件夾作為代碼存儲的目錄,點擊「新建項目」就可以了。

        

        3. 編寫代碼

        

        點擊開發者工具左側導航的「編輯」,我們可以看到這個項目,已經初始化并包含了一些簡單的代碼文件。最關鍵也是必不可少的,是 app.js、app.json、app.wxss 這三個。其中,.js 后綴的是腳本文件,.json 后綴的文件是配置文件,.wxss 后綴的是樣式表文件。微信小程序會讀取這些文件,并生成小程序實例。

        

        4. 手機預覽

        

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

        

        微信官方給出的開發指南還非常簡單,很多細節、代碼和功能都沒有明確的展示,所以接下來,淄博一群猴為您詳細地介紹下微信小程序的開發。

        

        第一章:準備工作

        

        首先做好準備工作很重要。開發一個微信應用號,你需要提前到微信的官方網站(weixin.qq.com)下載開發者工具。

        

        1.下載最新微信開發者工具,2. 點擊「新建 web+」項目

        

        3. 該頁面內的各項內容需要注意——

        

        AppID:依照官方解釋來填。

        

        Appname: 項目最外層文件夾名稱,如你將其命名為「ABC」,則之后的全部項目內容均將保存在「/ABC/…」目錄下。

        

        本地開發目錄:項目存放在本地的目錄。

        

        4.準備工作全部完成后,點擊「新建項目」按鈕,彈出框點「確定」。

        

        5. 此刻,微信開發者工具已經為你自動構建了一個初始的 demo 項目,該項目內包含了一個微信應用項目所需具備的基本內容和框架結構。點擊項目名稱(圖中即「cards」)進入該項目,就能看到整個項目的基本架構了。

        

        第二章:項目構架

        

        微信目前用戶群體非常龐大,微信推出公眾號以后,火爆程度大家都看得到,也同樣推動著 h5 的高速發展,隨著公眾號業務的需求越來越復雜,應用號現在的到來也是恰到好處。我們團隊具體看了一兩次文檔后發現,它提供給開發者的方式也在發生全面的改變,從操作 DOM 轉為操作數據,基于微信提供的一個過橋工具實現很多 h5 在公眾號很難實現的功能,有點類似于 hybrid 開發,不同于 hybrid 開發的方式是:微信開放的接口更為嚴謹,結構必須采用他提供給我們的組件,外部的框架和插件都不能在這里使用上,讓開發者完全脫離操作 DOM,開發思想轉變很大。

        

        首先是整個 app 的啟動與顯示,app 的啟動在 app.js 里面可以配置,其次再進入到各個頁面的加載顯示等等。

        

        可以想象到這里可以處理很多東西了,如加載框之類的都可以實現等等。

        

        路由:

        

        路由在項目開發中一直是個核心點,在這里其實微信對路由的介紹很少,可見微信在路由方面經過很好的封裝,也提供三個跳轉方法。

        

        wx.navigateTo(OBJECT):保留當前頁面,跳轉到應用內的某個頁面,使用wx.navigateBack可以返回到原頁面。

        

        wx.redirectTo(OBJECT):關閉當前頁面,跳轉到應用內的某個頁面。

        

        wx.navigateBack():關閉當前頁面,回退前一頁面。

        

        這三個基本上使用足夠,在路由方面微信封裝的很好,開發者根本不用去配置路由,往往很多框架在路由方面配置很繁瑣。

        

        組件:

        

        此次微信在組件提供方面也是非常全面,基本上滿足項目需求,故而開發速度非???,開發前可以認真瀏覽幾次,開發效率會很好。

        

        其它:

        

        任何外部框架以及插件基本上無法使用,就算原生的 js 插件也很難使用,因為以前我們的 js 插件也基本上全部是一操作 dom 的形式存在,而微信應用號此次的架構是不允許操作任何 dom,就連以前我們習慣使用的動態設置的rem.js也是不支持的。

        

        此次微信還提供了 WebSocket,就可以直接利用它做聊天,可以開發的空間非常大。

        

        跟公眾號對比我們發現,開發應用號組件化,結構化,多樣化。新大陸總是充滿著驚喜,更多的彩蛋等著大家來發現。

        

        接下來各位大神們就可以開始搞一些簡單的代碼了!

        

        經過以上步驟,微信小程序的開發大體完成了,但后期還是需要再完善一下。希望淄博一群猴提供的教程可以作為參考幫助到大家


      微信小程序推薦閱讀:
      微信小程序開發多少錢微信小程序在哪里打開
      微信小程序開發文檔微信小程序在哪里進入
      微信小程序開發教程微信小程序怎么刪除
      微信小程序開發工具微信小程序怎么使用
      微信小程序開發平臺微信小程序開發難不難
      微信小程序開發公司微信小程序用什么語言開發
      微信小程序 零基礎開發微信小程序開發需要什么技術


      上一篇

      已到頂啦

      下一篇

      已到末尾

      小程序定制解決方案

      餐飲行業解決方案

      電商行業解決方案

      家政行業解決方案

      教育行業解決方案

      酒店行業解決方案

      汽車行業解決方案

      公司地址:淄博市張店區裕民路北三玉別墅

      公司網址:www.yyhengji.cn

      聯系電話:13181912342

      電子郵箱:service@yiqunhou.com

      齊魯云采入駐

      魯ICP備16001517號-1 ?2015-2021 花果山一群猴版權所有

      申請免費培訓

      花果山一群猴微信小程序淄博微信小程序開發公司
      麻豆国产原创视频在线播放,bbww性欧美,午夜性刺激在线看免费y,免费人成视频x8x8入口