2017微信小程序大全打包下載最新版

微信小程序開發(fā)文檔、在哪進(jìn)、注冊方法、怎么買票、api是多少、它的評價、好玩的微信小程序推薦、支持的格式、使用教程全部都包含在微信小程序大全里面了，打包下載。

微信小程序大全內(nèi)容摘錄

【高頻使用】

美團(tuán)外賣

滴滴公交查詢

車來了

大眾點(diǎn)評

京東購物

摩拜單車

滴滴出行DiDi

攜程酒店機(jī)票火車票

【旅行】

驢媽媽門票預(yù)訂

飛常準(zhǔn)查航班

海南航空微應(yīng)用

南航e行

去哪兒出行

微信小程序注冊方法

微信小程序申請前的準(zhǔn)備：

首先，你需要注冊一個小程序賬號。需要用一個沒注冊過公眾號的郵箱注冊。注冊過程中需要很多認(rèn)證，比較繁瑣。如果暫時只是試水、沒有發(fā)布的打算，那么只要完成基本信息填寫就可以，不需要完成微信認(rèn)證。

之后，就可以在公眾平臺使用注冊的帳戶進(jìn)行登錄。

然后，在主頁面左邊列表中點(diǎn)擊設(shè)置，再設(shè)置頁面中選開發(fā)設(shè)置，就可以看到AppID。而AppID 可以用于在開發(fā)工具中進(jìn)行登記，使用開發(fā)工具的高級功能。你可以到官網(wǎng)下載開發(fā)工具。

開始項(xiàng)目：

打開開發(fā)者工具，選擇小程序選項(xiàng)，然后直接點(diǎn)擊「添加項(xiàng)目」按鈕。我們可以在這個步驟，填入剛才注冊的時候使用的 AppID。

如果項(xiàng)目目錄中的文件是個空文件夾，會提示是否創(chuàng)建 quick start 項(xiàng)目。

選擇「是」，開發(fā)者工具會幫助我們在開發(fā)目錄里生成一個簡單的 Demo。

這個 Demo 擁有一個完整的小程序的大概框架。

1. 框架

我們首先看一下官方提供的 Demo 含有的目錄：

app.js：小程序邏輯、生命周期、全局變量。

app.json：小程序公共設(shè)置、導(dǎo)航欄顏色等，不可以注釋。

app.wxss：小程序公共樣式，類似 CSS 。

小程序頁面構(gòu)成類似這樣：

每一個小程序頁面是由同路徑下同名的四個不同后綴文件的組成，如：index.js、index.wxml、index.wxss、index.json

微信小程序中的每一個頁面的路徑和頁面文件名，都需要寫在app.json的pages中，且pages數(shù)組中的第一個頁面是小程序的首頁。

這四個文件按照功能可以分成三個部分：

配置：json 文件

邏輯層：js 文件

視圖層：wxss.wxml 文件

在 iOS 上，小程序的邏輯代碼運(yùn)行于 JavaScriptCore 中，而在 Android上，這個任務(wù)則是交給 X5 內(nèi)核來完成。

在 開發(fā)工具上， 小程序的 JavaScript 代碼是運(yùn)行在 NW.js（Chrome 內(nèi)核） 中。這也導(dǎo)致開發(fā)工具上的效果跟實(shí)際效果有所出入。

2. 組件

微信提供了許多組件，主要分為八種:

這其中，包含了view、scroll-view、button、form等普通常用的組件，也提供了地圖mapcanvas

組件主要屬于視圖層，通過 WXML 來進(jìn)行結(jié)構(gòu)布局，類似于 HTML。樣式則通過 WXSS 來定義和修改，它的語法和使用都近似 CSS。

組件使用語法實(shí)例：

<><>

3. API

網(wǎng)絡(luò)

媒體

數(shù)據(jù)

位置

設(shè)備

界面

開發(fā)接口

網(wǎng)絡(luò)請求接口包含了普通的 HTTPS 請求，支持上傳、下載、Socket，基本上滿足了我們開發(fā)中所需要的網(wǎng)絡(luò)需求。

這些 API 屬于邏輯層，寫在 JS 邏輯文件中。

使用實(shí)例：

wx.getLocation({ type: 'wgs84', success: function(res) { var latitude = res.latitude var longitude = res.longitude var speed = res.speed var accuracy = res.accuracy } })

可以到官方文檔 – API 查看其它 API 的使用方法。

編譯運(yùn)行

1. 模擬器調(diào)試

我們可以在微信提供的開發(fā)者工具中，使用模擬器查看小程序運(yùn)行的效果。

之前我們提過，小程序的運(yùn)行底層不同，這也導(dǎo)致在模擬器上的效果，會與在手機(jī)上運(yùn)行有些差異。

2. 真機(jī)調(diào)試

在左邊的選項(xiàng)欄中，選擇項(xiàng)目，然后點(diǎn)預(yù)覽會生產(chǎn)一個二維碼，用管理員微信號掃一掃，就可以在真機(jī)上看實(shí)際效果。

實(shí)戰(zhàn)：跑步小程序

真機(jī)運(yùn)行截圖（運(yùn)行于 iPhone 7，微信版本：6.3.30）：

首先實(shí)現(xiàn)一個計(jì)時器進(jìn)行 計(jì)時，通過wx.getLocation獲取坐標(biāo)，把獲取到的坐標(biāo)存在一個數(shù)組中，通過坐標(biāo)每隔一段時間獲取里程，進(jìn)行累加得到總里程，同時也通過坐標(biāo)點(diǎn)進(jìn)行連線。存在的問題：

因?yàn)槟壳罢也坏皆诘貓D上畫連線的方法，所以采用了在地圖上貼小紅點(diǎn)圖的方法顯示大概跑步路徑，路徑比較粗糙；

雖然采用了 API 里面的火星坐標(biāo) GCJ02 類型，但是獲取的坐標(biāo)跟國際坐標(biāo)差不多，依然存在著偏差。

我已經(jīng)把全部代碼放在 GitHub 上，大家可以下載來看看或者先 Star 起來，我以后還會進(jìn)行一些優(yōu)化更新�，F(xiàn)在只是一個學(xué)習(xí) Demo，大家溝通學(xué)習(xí)，實(shí)際應(yīng)用還需更多優(yōu)化。

微信小程序最新新聞

從我們的體驗(yàn)來看，小程序確實(shí)做到了“觸手可及，用完即走”的設(shè)計(jì)理念，而且啟動速度極快（比APP要快很多），而且操作流暢，基本不消耗系統(tǒng)資源。

目前，不少知名APP均已第一時間上線微信小程序，包括“滴滴出行DiDi”、“京東購物”以及“騰訊視頻”等等。

讓人最為印象深刻的是，這些小程序UI設(shè)計(jì)極簡，比如滴滴出行DiDi完全簡化到最原始的“您在哪兒上車”、“您要去哪兒”兩個對話框，而“京東購物”也只剩下物品搜索框以及優(yōu)惠券。

總之，一切至簡，能砍掉的都砍掉，只保留最核心的功能模塊。

對于那些喜歡極簡主義的用戶來看，微信小程序確實(shí)會讓人上癮。

此前，微信官方表示，小程序的特性是：無須安裝、觸手可及、用完即走、無須卸載。張小龍給它的定位是：體驗(yàn)比網(wǎng)站好，比下載APP更便捷。

你體驗(yàn)微信小程序了嗎？你覺得它做到了嗎？