分享我在 簡書的文章，歡迎點贊

歡迎關(guān)注

了解小程序

1.什么是小程序

小程序 是一種新的開放能力，開發(fā)者可以快速地開發(fā)一個小程序。小程序可以在微信內(nèi)被便捷地獲取和傳播，同時具有出色的使用體驗。

2016年9月21日發(fā)布的小程序內(nèi)測版。2017年1月9日正式上線。小程序基礎(chǔ)庫更新日志

2.小程序開發(fā)工具

工具下載

創(chuàng)建工程時需要AppID，所以我們需要先注冊賬號。

2-1.接入流程

1. 小程序注冊 — 在微信公眾平臺注冊小程序，完成注冊后可以同步進行信息完善和開發(fā)。
2. 小程序信息完善 — 填寫小程序基本信息，包括名稱、頭像、介紹及服務(wù)范圍等。
3. 開發(fā)小程序 — 完成小程序開發(fā)者綁定、開發(fā)信息配置后，開發(fā)者可下載開發(fā)者工具、參考開發(fā)文檔進行小程序的開發(fā)和調(diào)試。
4. 提交審核和發(fā)布 — 完成小程序開發(fā)后，提交代碼至微信團隊審核，審核通過后即可發(fā)布（公測期間不能發(fā)布）。

2-2.AppID

AppID — 開發(fā) --》開發(fā)設(shè)置

添加項目成員 — 管理 --》 成員管理

2-3.介紹開發(fā)工具

開發(fā)工具

3.小程序結(jié)構(gòu)

小程序開發(fā)工具目前提供了 5 種文件的編輯：wxml、wxss、js、json、wxs 以及圖片文件的預(yù)覽。

3-1.新建頁面代碼

文件操作 ，有兩種方式：

1. 在目錄樹上右鍵，選擇新建 Page，將自動生成頁面所需要的 wxml、wxss、js、json。
2. 在 app.json 的 pages 字段，添加需要新建的頁面的路徑，將會自動生成該頁面所需要的文件。

3-2.配置

JSON文件都是被包裹在一個大括號中 {}，通過key-value的方式來表達數(shù)據(jù)。JSON的Key必須包裹在一個雙引號中。

注意：json文件中，不能寫注釋。

• project.config.json — 項目配置文件。
  • 通常大家在使用一個工具的時候，都會針對各自喜好做一些個性化配置，例如界面顏色、編譯配置等等，當你換了另外一臺電腦重新安裝工具的時候，你還要重新配置。
  • 考慮到這點，小程序開發(fā)者工具在每個項目的根目錄都會生成一個 project.config.json，你在工具上做的任何配置都會寫入到這個文件，當你重新安裝工具或者換電腦工作時，你只要載入同一個項目的代碼包，開發(fā)者工具就自動會幫你恢復(fù)到當時你開發(fā)項目時的個性化配置，其中會包括編輯器的顏色、代碼上傳時自動壓縮等等一系列選項。
• sitemap配置 — 小程序內(nèi)搜索，當開發(fā)者允許微信索引時，微信會通過爬蟲的形式，為小程序的頁面內(nèi)容建立索引。
• app.json — 全局配置。
• 頁面配置 — 每一個小程序頁面的配置，只能配置window屬性。

3-3.WXML

WXML（WeiXin Markup Language）是框架設(shè)計的一套標簽語言。類似安卓布局文件。

3-4.WXSS

WXSS (WeiXin Style Sheets)是一套樣式語言，用于描述 WXML 的組件樣式。類似安卓 style。

3-5.JS

相當于安卓中java，執(zhí)行生命周期函數(shù)以及處理邏輯。

3-6.wxs

WXS（WeiXin Script）是小程序的一套腳本語言，結(jié)合 WXML，可以構(gòu)建出頁面的結(jié)構(gòu)。

4.最簡小程序

// app.json
{
  "pages": [
    "home"
  ]
}

<!--home.wxml-->
<view>Hello World</view>

// home.js
Page({
  
})