本篇文章給大家談?wù)勎⑿判〕绦蜷_(kāi)發(fā)應(yīng)用實(shí)例，以及微信小程序開(kāi)發(fā)實(shí)例菜鳥(niǎo)教程對(duì)應(yīng)的知識(shí)點(diǎn)，希望對(duì)各位有所幫助，不要忘了收藏本站喔。

本文目錄一覽：

• 1、微信小程序開(kāi)發(fā)是什么
• 2、微信小程序開(kāi)發(fā)系列 (四) ：微信小程序的頁(yè)面跳轉(zhuǎn)路由設(shè)計(jì)
• 3、微狺小程序教程
• 4、微信小程序開(kāi)發(fā)入門(mén)及案例詳解 素材
• 5、微信小程序的創(chuàng)新應(yīng)用案例

微信小程序開(kāi)發(fā)是什么

問(wèn)題一：微信小程序開(kāi)發(fā)可以實(shí)現(xiàn)哪些功能 微信小程序的開(kāi)發(fā)可以實(shí)現(xiàn)的功能很多，具體如下：

微信小程序（應(yīng)用號(hào)）就是用戶關(guān)注了一個(gè)應(yīng)用號(hào)，就像安裝了一個(gè)App一樣。這樣微信將被打造成一個(gè)全新的appstore，而每一個(gè)應(yīng)用號(hào)就是一個(gè)個(gè)的webapp。

怎么理解這個(gè)概念？

下載安裝 app 太麻煩了，微信的小程序就可以滿足你；安裝 / 卸載 / 使用小程序，就像關(guān)注 / 取關(guān) / 進(jìn)入公眾號(hào)一樣簡(jiǎn)單；你用完就可以走，不用擔(dān)心裝個(gè) app 占你空間。

微信小程序（應(yīng)用號(hào)）有幾個(gè)功能？

1、微信小程序（應(yīng)用號(hào)）能實(shí)現(xiàn)對(duì)App個(gè)性功能的完美支持。這項(xiàng)服務(wù)就是將App的獨(dú)立功能通過(guò)微信應(yīng)用號(hào)開(kāi)放到微信生態(tài)里，供微信用戶調(diào)用；如果有可能的話，未來(lái)微信應(yīng)用號(hào)或許能提供一套接入系統(tǒng)，直接實(shí)現(xiàn)App功能的復(fù)制。

2、微信小程序（應(yīng)用號(hào)）能實(shí)現(xiàn)對(duì)App開(kāi)發(fā)者、運(yùn)營(yíng)者的友好接入，降低二次開(kāi)發(fā)門(mén)檻；將有可能對(duì)開(kāi)發(fā)者運(yùn)營(yíng)者開(kāi)放更多資源，建立微信開(kāi)發(fā)者生態(tài)。

3、賦予微信用戶更靈活的功能獲取與組合，讓用戶自己拼湊出一個(gè)符合自己使用的超級(jí)App。自動(dòng)腦補(bǔ)一下：以后想要什么功能，在微信應(yīng)用號(hào)里面搜出來(lái)，掛到微信上，不需要的就卸載掉。

4、打通微信與其他應(yīng)用的賬號(hào)體系，App自己做功能，基于微信做運(yùn)營(yíng)。

現(xiàn)在大多數(shù)App轉(zhuǎn)到微信里的分享鏈接都不能直接打開(kāi)，需要下載App后使用。應(yīng)用號(hào)出來(lái)以后可能就不用這么麻煩了，看到朋友圈里誰(shuí)分享的東西好玩，打開(kāi)鏈接功能一鍵添加，完全不用費(fèi)力氣去跳轉(zhuǎn)安裝。

微信小程序是一種不需要下載安裝即可使用的應(yīng)用，它實(shí)現(xiàn)了應(yīng)用“觸手可及”的夢(mèng)想，用戶掃一掃或者搜一下即可打開(kāi)應(yīng)用。以后我們不需要再安裝那么多APP了，一個(gè)微信，就可以囊括我們生活中幾乎所有的應(yīng)用。

問(wèn)題二：怎么進(jìn)行微信小程序開(kāi)發(fā)設(shè)計(jì) 在進(jìn)行微信小程序開(kāi)發(fā)之前，你首先需要一個(gè)微信小程序賬號(hào)，才能進(jìn)行開(kāi)發(fā)設(shè)計(jì)。

點(diǎn)擊公眾平臺(tái)的鏈接，正登陸和注冊(cè)之間，選擇注冊(cè)。你會(huì)看到有好幾個(gè)選擇，如訂閱號(hào)、企業(yè)號(hào)、服務(wù)號(hào)和小程序，選擇小程序點(diǎn)擊確定；

小程序注冊(cè)的前提是，沒(méi)有注冊(cè)過(guò)任何的微公眾平，如未注冊(cè)過(guò)訂閱號(hào)、服務(wù)號(hào)之類(lèi)的。郵箱要求也是“未被公眾平臺(tái)注冊(cè)，未被開(kāi)放平臺(tái)注冊(cè)，未被個(gè)人微信號(hào)綁定的郵箱”；

根據(jù)自己的信息，進(jìn)行郵箱的填寫(xiě)和密碼的輸入。如果郵箱正確就沒(méi)有錯(cuò)誤提示，在明確密碼以及重復(fù)確認(rèn)密碼之后，輸入驗(yàn)證碼，勾選協(xié)議就可以實(shí)現(xiàn)注冊(cè)；

在點(diǎn)擊注冊(cè)之后，會(huì)有一個(gè)郵箱的驗(yàn)證，登錄郵箱，在收件箱你會(huì)看到一個(gè)weixinteam的郵件，打開(kāi)，點(diǎn)擊驗(yàn)證鏈接。

點(diǎn)擊驗(yàn)證鏈接之后，會(huì)直接跳轉(zhuǎn)到注冊(cè)的第三步，信息的登記填寫(xiě)，選擇相應(yīng)的小程序主體類(lèi)型，可以看到只有四個(gè)選項(xiàng)，選擇；

主體選擇類(lèi)型之后，可以看到需要類(lèi)型、名稱、營(yíng)業(yè)等。如果是個(gè)人的話，可以隨便寫(xiě)一下，到時(shí)候會(huì)驗(yàn)證失敗，不影響小程序的測(cè)試，直接進(jìn)行下面管理員信息登記；

在管理員身份認(rèn)證的時(shí)候，需要填寫(xiě)身份證、姓名、手機(jī)號(hào)、以及手機(jī)號(hào)驗(yàn)證和微信管理員的身份驗(yàn)證等。

點(diǎn)擊確定之后，會(huì)彈出一個(gè)信息確認(rèn)的消息（一經(jīng)確定就不能更改的消息）。然后點(diǎn)擊確定，就會(huì)告訴你信息填寫(xiě)完整，但是審核還未通過(guò)，但是可以測(cè)試小程序了。

進(jìn)入主體之后，就可以各種測(cè)試、開(kāi)發(fā)小程序了。當(dāng)然如果上線測(cè)試的話，還是需要驗(yàn)證通過(guò)才可以。

問(wèn)題三：微信小程序怎么開(kāi)發(fā)?用的是什么開(kāi)發(fā)語(yǔ)言? 30分 微 信小程序?跟現(xiàn)在做微 信互動(dòng)游戲一樣的呀?前端h5?后臺(tái)一般就用php就行了 這兩個(gè)技術(shù)簡(jiǎn)單，功能上也能滿足需求。

問(wèn)題四：微信小程序的開(kāi)發(fā)語(yǔ)言是什么？ 微信小程序 跟現(xiàn)在做微信互動(dòng)游戲一樣的呀 前端h5 后臺(tái)一般就用php就行了 這兩個(gè)技術(shù)簡(jiǎn)單，功能上也能滿足需求。

問(wèn)題五：微信小程序開(kāi)發(fā)類(lèi)型有哪些 生活服務(wù)類(lèi)的大多都適合

問(wèn)題六：微信小程序是什么？微信小程序有什么用 微信小程序是一種不需要下載安裝即可使用的應(yīng)用。特點(diǎn)：

它實(shí)現(xiàn)了應(yīng)用“觸手可及”的夢(mèng)想，用戶掃一掃或者搜一下即可打開(kāi)應(yīng)用。

也體現(xiàn)了“用完即走”的理念，用戶不用關(guān)心是否安裝太多應(yīng)用的問(wèn)題。

應(yīng)用將無(wú)處不在，隨時(shí)可用，但又無(wú)需安裝卸載。

然而微信應(yīng)用號(hào)要能獲取足夠多的用戶，還得要開(kāi)發(fā)者的支持。毫無(wú)疑問(wèn)，開(kāi)發(fā)者將是微信應(yīng)用號(hào)的最大獲益群體。對(duì)于開(kāi)發(fā)者而言，應(yīng)用號(hào)可以節(jié)省開(kāi)發(fā)成本，并且可以提升研發(fā)效率，開(kāi)發(fā)人員只需要研發(fā)出一款適用于瀏覽器應(yīng)用的產(chǎn)品，就可滿足不同操作系統(tǒng)的使用需求。

問(wèn)題七：微信小程序怎么開(kāi)發(fā) 微信小程序開(kāi)發(fā)教程分享 微信應(yīng)用號(hào)（小程序，「應(yīng)用號(hào)」的新稱呼）終于來(lái)了！

目前還處于內(nèi)測(cè)階段，微信只邀請(qǐng)了部分企業(yè)參與封測(cè)。想必大家都關(guān)心應(yīng)用號(hào)的最終形態(tài)到底是什么樣子？怎樣將一個(gè)「服務(wù)號(hào)」改造成為「小程序」？

我們暫時(shí)以一款簡(jiǎn)單的第三方工具的實(shí)例，來(lái)演示一下開(kāi)發(fā)過(guò)程吧。

序言

開(kāi)始開(kāi)發(fā)應(yīng)用號(hào)之前，先看看官方公布的「小程序」教程吧?。ㄒ韵聝?nèi)容來(lái)自微信官方公布的「小程序」開(kāi)發(fā)指南）

本文檔將帶你一步步創(chuàng)建完成一個(gè)微信小程序，并可以在手機(jī)上體驗(yàn)該小程序的實(shí)際效果。這個(gè)小程序的首頁(yè)將會(huì)顯示歡迎語(yǔ)以及當(dāng)前用戶的微信頭像，點(diǎn)擊頭像，可以在新開(kāi)的頁(yè)面中查看當(dāng)前小程序的啟動(dòng)日志。

1. 獲取微信小程序的 AppID

首先，我們需要擁有一個(gè)帳號(hào)，如果你能看到該文檔，我們應(yīng)當(dāng)已經(jīng)邀請(qǐng)并為你創(chuàng)建好一個(gè)帳號(hào)。注意不可直接使用服務(wù)號(hào)或訂閱號(hào)的 AppID。 利用提供的帳號(hào)，登錄 mp.weixin.qq ，就可以在網(wǎng)站的「設(shè)置」-「開(kāi)發(fā)者設(shè)置」中，查看到微信小程序的 AppID 了。

注意：如果我們不是用注冊(cè)時(shí)綁定的管理員微信號(hào)，在手機(jī)上體驗(yàn)該小程序。那么我們還需要操作「綁定開(kāi)發(fā)者」。即在「用戶身份-開(kāi)發(fā)者」模塊，綁定上需要體驗(yàn)該小程序的微信號(hào)。本教程默認(rèn)注冊(cè)帳號(hào)、體驗(yàn)都是使用管理員微信號(hào)。

2. 創(chuàng)建項(xiàng)目

我們需要通過(guò)開(kāi)發(fā)者工具，來(lái)完成小程序創(chuàng)建和代碼編輯。

開(kāi)發(fā)者工具安裝完成后，打開(kāi)并使用微信掃碼登錄。選擇創(chuàng)建「項(xiàng)目」，填入上文獲取到的 AppID，設(shè)置一個(gè)本地項(xiàng)目的名稱（非小程序名稱），比如「我的第一個(gè)項(xiàng)目」，并選擇一個(gè)本地的文件夾作為代碼存儲(chǔ)的目錄，點(diǎn)擊「新建項(xiàng)目」就可以了。

為方便初學(xué)者了解微信小程序的基本代碼結(jié)構(gòu)，在創(chuàng)建過(guò)程中，如果選擇的本地文件夾是個(gè)空文件夾，開(kāi)發(fā)者工具會(huì)提示，是否需要?jiǎng)?chuàng)建一個(gè) quick start 項(xiàng)目。選擇「是」，開(kāi)發(fā)者工具會(huì)幫助我們?cè)陂_(kāi)發(fā)目錄里生成一個(gè)簡(jiǎn)單的 demo。

項(xiàng)目創(chuàng)建成功后，我們就可以點(diǎn)擊該項(xiàng)目，進(jìn)入并看到完整的開(kāi)發(fā)者工具界面，點(diǎn)擊左側(cè)導(dǎo)航，在「編輯」里可以查看和編輯我們的代碼，在「調(diào)試」里可以測(cè)試代碼并模擬小程序在微信客戶端效果，在「項(xiàng)目」里可以發(fā)送到手機(jī)里預(yù)覽實(shí)際效果。

3. 編寫(xiě)代碼

點(diǎn)擊開(kāi)發(fā)者工具左側(cè)導(dǎo)航的「編輯」，我們可以看到這個(gè)項(xiàng)目，已經(jīng)初始化并包含了一些簡(jiǎn)單的代碼文件。最關(guān)鍵也是必不可少的，是 app.js、app.json、app.wxss 這三個(gè)。其中，.js 后綴的是腳本文件，.json 后綴的文件是配置文件，.wxss 后綴的是樣式表文件。微信小程序會(huì)讀取這些文件，并生成小程序?qū)嵗?

下面我們簡(jiǎn)單了解這三個(gè)文件的功能，方便修改以及從頭開(kāi)發(fā)自己的微信小程序。

app.js 是小程序的腳本代碼。我們可以在這個(gè)文件中監(jiān)聽(tīng)并處理小程序的生命周期函數(shù)、聲明全局變量。調(diào)用 MINA 提供的豐富的 API，如本例的同步存儲(chǔ)及同步讀取本地?cái)?shù)據(jù)。

app.js App({

onLaunch: function () { 調(diào)用API從本地緩存中獲取數(shù)據(jù) var logs = wx.getStorageSync(‘logs’) || []

logs.unshift(Date.now())

wx.setStorageSync(‘logs’, logs)

……

問(wèn)題八：為什么要做微信小程序開(kāi)發(fā) 服務(wù)號(hào)無(wú)法解決高頻使用的問(wèn)題

按照微信的期待，訂閱號(hào)本應(yīng)為用戶提供內(nèi)容，但被玩出了各種營(yíng)銷(xiāo)和電商的花；服務(wù)號(hào)本應(yīng)為用戶提供各種服務(wù)，但真正做起來(lái)的服務(wù)號(hào)卻少之又少，你可能聽(tīng)說(shuō)過(guò)不少 VC 投資訂閱號(hào)，但很少有 VC 投資服務(wù)號(hào)。

服務(wù)號(hào)發(fā)展得并不好。大多數(shù)服務(wù)號(hào)只是在做替代短信的推送服務(wù)和低頻服務(wù)。

比如，被視作經(jīng)典案例的招商銀行信用卡公眾號(hào)，用戶的使用場(chǎng)景以收通知為主，它只不過(guò)替代了刷卡短信通知，其它功能很少被用到。

不妨想想我們?yōu)槭裁磿?huì) 下載 一個(gè)產(chǎn)品的 app，而不用它服務(wù)號(hào)里一模一樣的功能：

體驗(yàn)差，HTML 的體驗(yàn)比不上原生、流暢性差

層級(jí)多，App 一打開(kāi)就是服務(wù)目錄，服務(wù)號(hào)需要多進(jìn)至少一層

對(duì)網(wǎng)絡(luò)過(guò)于依賴，沒(méi)有網(wǎng)絡(luò)，服務(wù)號(hào)無(wú)法使用

對(duì)于低頻使用的場(chǎng)景，即使體驗(yàn)差、層級(jí)多、每次都需要聯(lián)網(wǎng)，用戶是可以忍受的，比如查詢信用卡額度，這種行為可能每個(gè)月只有一兩次，即使網(wǎng)頁(yè)的體驗(yàn)很差，但我們能忍受。

但對(duì)于高頻使用場(chǎng)景，比如文檔編輯，我們每天可能需要使用很多次，這時(shí)我們對(duì)體驗(yàn)、速度、穩(wěn)定性顯然有更高的要求，服務(wù)號(hào)和 HTML 并不能完美滿足這些要求。

矛盾來(lái)了，微信希望第三方用服務(wù)號(hào)來(lái)為用戶提供服務(wù)，但從功能層面，服務(wù)號(hào)卻只解決了低頻服務(wù)的需求，高頻服務(wù)用戶依然需要下載 app。

這時(shí)，微信需要提供另一種能力，來(lái)滿足高頻服務(wù)的需求。

微信想成為唯一的入口

為什么微信非要滿足高頻服務(wù)的需求？

因?yàn)樯虡I(yè)是貪婪的，商業(yè)的最終目的是壟斷。

8 億活躍用戶對(duì)微信來(lái)說(shuō)是不夠的，一天只占用用戶 4 個(gè)小時(shí)對(duì)微信來(lái)說(shuō)也是不夠的，光提供信用卡消費(fèi)通知對(duì)微信來(lái)說(shuō)還是不夠的。

微信想要更多，騰訊想要更多。當(dāng)微信已經(jīng)是超級(jí)入口，它想變成唯一的超級(jí)入口，它要占據(jù)你更多的時(shí)間和使用場(chǎng)景。它可能永遠(yuǎn)不會(huì)做一個(gè) OS，但它希望成為「事實(shí)上」的 OS。

小程序是微信成為事實(shí) OS 的必要補(bǔ)充。因?yàn)樗恼Q生是為了滿足服務(wù)號(hào)沒(méi)有滿足好的高頻應(yīng)用場(chǎng)景。

所以，三管齊下，微信希望占據(jù)：

更多用戶時(shí)間

更多應(yīng)用場(chǎng)景

更多服務(wù)入口

訂閱號(hào)解決閱讀需求，服務(wù)號(hào)滿足低頻服務(wù)需求，小程序定位在高頻使用場(chǎng)景。

聽(tīng)起來(lái)很恐怖，但恐怕沒(méi)有人能在短期內(nèi)阻止微信成為事實(shí) OS。

小程序是一個(gè)獨(dú)立生態(tài)

1.小程序是微信接下來(lái)的重點(diǎn)產(chǎn)品

2.無(wú)關(guān)注，無(wú)心理壓力

和服務(wù)號(hào)、訂閱號(hào)不一樣，小程序是沒(méi)有關(guān)注功能的。這意味著，對(duì)用戶來(lái)說(shuō)，心理成本更小，用戶通過(guò)搜索進(jìn)入小程序，馬上就可以使用，不像服務(wù)號(hào)還需要先關(guān)注。

3.不是 HTML5，也不是 Hybrid

4.沒(méi)有外鏈

5.無(wú)法分享到朋友圈

6.用微信語(yǔ)言開(kāi)發(fā)的原生程序

7.前端開(kāi)發(fā)成本極低

8.離線使用與 Websocket 的想象力

9.沒(méi)有游戲，沒(méi)有直播

10.有審核機(jī)制

問(wèn)題九：微信小程序個(gè)人適合開(kāi)發(fā)什么產(chǎn)品 指尖小程序認(rèn)為微信小程序開(kāi)發(fā)比較適合線下有實(shí)體店的商家開(kāi)發(fā)，如果個(gè)人開(kāi)發(fā)的話，微商這樣的商城類(lèi)的小程序也比較適合。希望采納哦

問(wèn)題十：微信小程序開(kāi)發(fā) 使用什么編輯器 小程序開(kāi)發(fā)工具提供 Windows 32 位、Windows 64 位和 Mac 三個(gè)版本?？筛鶕?jù)實(shí)際情況，選擇適合自己電腦的開(kāi)發(fā)工具。

微信開(kāi)發(fā)者工具共分成「編輯」、「調(diào)試」和「項(xiàng)目」三個(gè)部分。

編輯：編輯和修改小程序的代碼。

調(diào)試：顯示小程序代碼錯(cuò)誤和警告，便于調(diào)試代碼錯(cuò)誤。

項(xiàng)目：用于查看小程序的屬性、修改小程序配置，以及提交小程序代碼至微信服務(wù)器。

微信小程序開(kāi)發(fā)系列 (四) ：微信小程序的頁(yè)面跳轉(zhuǎn)路由設(shè)計(jì)

筆者由于工作需要，曾經(jīng)參加過(guò)一個(gè)微信小程序同 SAP 系統(tǒng)集成的項(xiàng)目，因此從零開(kāi)始學(xué)習(xí)了微信小程序的開(kāi)發(fā)知識(shí)。這里通過(guò)系列文章把自己所學(xué)分享出來(lái)，希望對(duì)相關(guān)學(xué)習(xí)者有所幫助。

本教程前面三篇文章：

通過(guò)本系列前面三篇文章的介紹，大家對(duì)微信小程序的視圖和控制器，微信調(diào)試器的用法，以及如何消費(fèi)微信平臺(tái)提供的 Public API，已經(jīng)有了一個(gè)最基本的認(rèn)識(shí)了。在這個(gè)基礎(chǔ)上，本文讓我們進(jìn)一步學(xué)習(xí)微信小程序的頁(yè)面跳轉(zhuǎn)路由設(shè)計(jì)。

這個(gè)系列教程的前六篇文章我們都在單個(gè)的視圖上操作?，F(xiàn)在讓我們創(chuàng)建第二個(gè)視圖，然后實(shí)現(xiàn)從第一個(gè)視圖到第二個(gè)視圖的跳轉(zhuǎn)。

首先開(kāi)發(fā)第二個(gè)視圖：

做過(guò) Angular 開(kāi)發(fā)的朋友們對(duì)上面的視圖設(shè)計(jì)一定不會(huì)陌生。這個(gè)視圖的數(shù)據(jù)源由模型 logs 提供，是一個(gè)列表結(jié)果，列表每個(gè)元素的數(shù)據(jù)源是模型 logs 里的一條記錄，用 log 代表。

為了讓 log 看起來(lái)顯示更整齊，在 log 內(nèi)容之前，顯示每條 log 的索引。因?yàn)?log 的索引從 0 開(kāi)始，所以用 {{index + 1}} 在索引前加一，這樣顯示的索引更符合普通人的閱讀習(xí)慣。

這個(gè)視圖的控制器：

控制器 logs.js 的實(shí)現(xiàn)：

在控制器里調(diào)用 Page 構(gòu)造函數(shù)，給當(dāng)前控制器指定名為 logs 的數(shù)據(jù)模型。

這個(gè)數(shù)據(jù)模型的值填充，通過(guò)微信框架提供的 API wx.getStorageSync 來(lái)獲取。

wx.getStorageSync 的含義在微信小程序 官網(wǎng) 上有定義：從本地緩存中同步獲取指定 key 對(duì)應(yīng)的內(nèi)容。

第二個(gè)視圖的 UI 和控制器都開(kāi)發(fā)完畢，剩下的事情就是在第一個(gè)視圖里定義一個(gè)觸發(fā)點(diǎn)，讓它能觸發(fā)到第二個(gè)視圖的跳轉(zhuǎn)。

我在第一個(gè)視圖上通過(guò)屬性 bindtap 綁定了一個(gè)點(diǎn)擊函數(shù) bindViewTap :

bindViewTap 在第一個(gè)控制器 index.js 里的實(shí)現(xiàn)：

跳轉(zhuǎn)還是通過(guò)微信小程序提供的 API wx.navigateTo :

保留當(dāng)前頁(yè)面，跳轉(zhuǎn)到應(yīng)用內(nèi)的某個(gè)頁(yè)面，使用 wx.navigateBack 可以返回到原頁(yè)面。

學(xué)習(xí)了微信小程序頁(yè)面路由跳轉(zhuǎn)之后，我們來(lái)進(jìn)行一個(gè)實(shí)際的需求開(kāi)發(fā)。

效果：我在手機(jī)上打開(kāi)微信小程序，自動(dòng)顯示出我當(dāng)前所在的地理位置：

具體步驟：

ReservationService.getGeocode 的實(shí)現(xiàn)：

看下面一個(gè)使用高德地圖 API 將經(jīng)緯度轉(zhuǎn)換成文字描述的地址的例子，使用 postman 發(fā)送請(qǐng)求：

API 響應(yīng)：

假設(shè)我用 vue 開(kāi)發(fā)了一個(gè) web 應(yīng)用,需要在手機(jī)微信里訪問(wèn)并調(diào)試, 可以按照本文介紹的步驟,使用微信開(kāi)發(fā)者工具來(lái)調(diào)試。

假設(shè)我的 web 應(yīng)用的訪問(wèn)入口是如下公眾號(hào)菜單的”預(yù)約”按鈕:

那么為了能夠在微信開(kāi)發(fā)者工具里調(diào)試,需要首先進(jìn)入該公眾號(hào)的后臺(tái),在 web 開(kāi)發(fā)者工具里,將開(kāi)發(fā)者本人的微信號(hào)添加進(jìn)去:

點(diǎn)擊”綁定開(kāi)發(fā)者賬號(hào)”:

輸入待綁定的微信賬號(hào):

點(diǎn)擊綁定,該微信號(hào)會(huì)收到一條消息,詢問(wèn)是否綁定:

點(diǎn)擊同意操作完成綁定。

接下來(lái), 把要調(diào)試的 web 應(yīng)用的 url 放到微信開(kāi)發(fā)者工具地址欄里，回車(chē)之后，微信開(kāi)發(fā)者工具就會(huì)彈出一個(gè)詢問(wèn)窗口，點(diǎn)擊 Allow 之后，就可以在微信開(kāi)發(fā)者工具提供的類(lèi)似 Chrome 開(kāi)發(fā)者工具調(diào)試器一樣的界面里進(jìn)行單步調(diào)試了。

這個(gè)粘貼到地址欄的 url 很有講究。

;redirect_uri=https%3a%2f%2f;response_type=codescope=snsapi_userinfostate=123#wechat_redirect

其中 appid= 后面的值，是從微信公眾號(hào)控制臺(tái)里拷貝出來(lái)的 appid ：

redirect_uri, 即為我們開(kāi)發(fā)的 web 應(yīng)用，部署到服務(wù)器之后生成的 url，需要經(jīng)過(guò) url encode 處理：

這個(gè) url 準(zhǔn)備好之后，將其粘貼到微信開(kāi)發(fā)者工具地址欄里，回車(chē)，即可看到一個(gè)對(duì)話窗口，要求獲得我們公開(kāi)信息的許可：

點(diǎn)擊 Allow 之后，就可以像使用 Chrome 開(kāi)發(fā)者工具的調(diào)試器一樣，在微信開(kāi)發(fā)者工具里進(jìn)行單步調(diào)試了：

本文首先介紹了微信小程序多頁(yè)面內(nèi)的路由跳轉(zhuǎn)設(shè)計(jì)，接著通過(guò)獲得手機(jī)當(dāng)前經(jīng)緯度并轉(zhuǎn)換成地址的需求實(shí)現(xiàn)，進(jìn)一步深入了解了微信小程序如何消費(fèi)微信平臺(tái)提供 Public API 的方法。

本教程前面三篇文章：

微狺小程序教程

首先，需要申請(qǐng)賬號(hào)

根據(jù)指引填寫(xiě)信息和提交相應(yīng)的資料，就可以擁有自己的小程序帳號(hào)。

登錄之后我們可以在菜單 “設(shè)置”-“開(kāi)發(fā)設(shè)置” 看到小程序的 AppID 了 。小程序的 AppID 相當(dāng)于小程序平臺(tái)的一個(gè)身份證，后續(xù)你會(huì)在很多地方要用到 AppID （注意這里要區(qū)別于服務(wù)號(hào)或訂閱號(hào)的 AppID）。然后還需要個(gè)工具來(lái)開(kāi)發(fā)小程序。

其次，安裝開(kāi)發(fā)工具。

前往 開(kāi)發(fā)者工具下載頁(yè)面 ，根據(jù)自己的操作系統(tǒng)下載對(duì)應(yīng)的安裝包進(jìn)行安裝，

打開(kāi)小程序開(kāi)發(fā)者工具，用微信掃碼登錄開(kāi)發(fā)者工具。

然后，新建項(xiàng)目選擇小程序項(xiàng)目，選擇代碼存放的硬盤(pán)路徑，填入剛剛申請(qǐng)到的小程序的 AppID，給你的項(xiàng)目起一個(gè)好聽(tīng)的名字，最后，勾選 “創(chuàng)建 QuickStart 項(xiàng)目” ，點(diǎn)擊確定，你就得到了你的第一個(gè)小程序了，點(diǎn)擊頂部菜單編譯就可以在微信開(kāi)發(fā)者工具中預(yù)覽你的第一個(gè)小程序。

最后，編譯預(yù)覽

點(diǎn)擊工具上的編譯按鈕，可以在工具的左側(cè)模擬器界面看到這個(gè)小程序的表現(xiàn)，也可以點(diǎn)擊預(yù)覽按鈕，通過(guò)微信的掃一掃在手機(jī)上體驗(yàn)?zāi)愕牡谝粋€(gè)小程序。

簡(jiǎn)單吧

微信小程序開(kāi)發(fā)入門(mén)及案例詳解 素材

您好，

“微信小程序”開(kāi)發(fā)之前必須要完成和注冊(cè)認(rèn)證。如果是個(gè)人或者小公司想開(kāi)發(fā)微信小程序，也可以找微信認(rèn)證第三方開(kāi)發(fā)商，比如贏在移動(dòng)、正品科技等。

1、微信小程序注冊(cè)

在微信公眾平臺(tái)官網(wǎng)首頁(yè)，按照提示點(diǎn)擊右上角的“立即注冊(cè)”按鈕，里面總過(guò)有12步，按照要求提交就可以了。

2、小程序申請(qǐng)微信認(rèn)證

政府、媒體、其他組織類(lèi)型帳號(hào)，必須通過(guò)微信認(rèn)證驗(yàn)證主體身份。企業(yè)類(lèi)型帳號(hào)，可以根據(jù)需要確定是否申請(qǐng)微信認(rèn)證。已認(rèn)證帳號(hào)可使用微信支付、微信卡券等高級(jí)權(quán)限。

認(rèn)證入口：登錄小程序—設(shè)置—基本設(shè)置—微信認(rèn)證—詳情

3、小程序申請(qǐng)微信支付

已認(rèn)證的小程序可申請(qǐng)微信支付。

4、小程序綁定微信開(kāi)放平臺(tái)帳號(hào)

小程序綁定微信開(kāi)放平臺(tái)帳號(hào)后，可與帳號(hào)下的其他移動(dòng)應(yīng)用、網(wǎng)站應(yīng)用及公眾號(hào)打通，通過(guò)UnionID機(jī)制滿足在多個(gè)應(yīng)用和公眾號(hào)之間統(tǒng)一用戶帳號(hào)的需求。

UnionID機(jī)制說(shuō)明：如果開(kāi)發(fā)者擁有多個(gè)移動(dòng)應(yīng)用、網(wǎng)站應(yīng)用、和公眾帳號(hào)(包括小程序)，可通過(guò)UnionID來(lái)區(qū)分用戶的唯一性，因?yàn)橹灰峭粋€(gè)微信開(kāi)放平臺(tái)帳號(hào)下的移動(dòng)應(yīng)用、網(wǎng)站應(yīng)用和公眾帳號(hào)(包括小程序)，用戶的unionid是唯一的。換句話說(shuō)，同一用戶，對(duì)同一個(gè)微信開(kāi)放平臺(tái)下的不同應(yīng)用，UnionID是相同的。用戶的UnionID可通過(guò)調(diào)用“獲取用戶信息”接口獲取。

5、了解“獲取用戶信息”接口請(qǐng)查看開(kāi)發(fā)文檔—API—開(kāi)放接口—用戶信息。

綁定小程序流程說(shuō)明：登錄微信開(kāi)放平臺(tái)、—管理中心—公眾帳號(hào)—綁定公眾帳號(hào)

注意：微信開(kāi)放平臺(tái)帳號(hào)必須完成開(kāi)發(fā)者資質(zhì)認(rèn)證才可以綁定小程序。

微信小程序的創(chuàng)新應(yīng)用案例

王子微課創(chuàng)始人何其鋼老師為我們帶來(lái)了很多小技術(shù)大應(yīng)用之微信小程序創(chuàng)新應(yīng)用案例。極簡(jiǎn)教育技術(shù)的特點(diǎn):

1.掌握簡(jiǎn)便:易學(xué)、易用、方便、省時(shí)。

2.實(shí)用、有效、能夠解決工作中的實(shí)際問(wèn)題。

3.減輕工作強(qiáng)度，提高教學(xué)效率和質(zhì)量。

下面這幅松海大橋圖詮釋了我對(duì)整堂課的感受:簡(jiǎn)單而不失奢華。下面分別介紹一下這些小程序:

小打卡是一款習(xí)慣養(yǎng)成小工具。教師培訓(xùn)時(shí)可以利用小打卡來(lái)完成作業(yè)，發(fā)表自己的學(xué)習(xí)感悟。教師也可以把這些小程序分享給學(xué)生，讓學(xué)生把假期里每天的作業(yè)完成情況發(fā)到小打卡里。通過(guò)共建共享，大家可以互相借鑒學(xué)習(xí)，互相評(píng)論點(diǎn)贊，這樣無(wú)論學(xué)生還是老師都會(huì)因?yàn)橛辛嘶?dòng)更愛(ài)參與。

以下是小打卡的精彩之處:

學(xué)校經(jīng)常會(huì)統(tǒng)計(jì)教師信息，班級(jí)學(xué)生信息，我們上報(bào)信息后領(lǐng)導(dǎo)都要詳細(xì)整理匯總到一個(gè)表格中，耗費(fèi)了大量的時(shí)間、精力。天元督導(dǎo)可以設(shè)計(jì)一個(gè)靈活的表格，大家可以把信息填寫(xiě)在同一個(gè)表格內(nèi)，這樣領(lǐng)導(dǎo)打開(kāi)天元督導(dǎo)就可以看到所有信息，檢閱起來(lái)方便很多。

以前我們錄制微課要做很多準(zhǔn)備工作，現(xiàn)在有了手繪微課，我們只需要一部手機(jī)就可以完成整個(gè)視頻制作過(guò)程。手繪微課最神奇的地方是:我們可以隨時(shí)隨地的在上面修改，標(biāo)注。我們錄制微課更輕松了。

語(yǔ)文課上，只要提到朗誦課文環(huán)節(jié)，孩子們都會(huì)兩眼放光，爭(zhēng)先恐后誦讀課文。聆誦可以讓孩子們的聲音在動(dòng)畫(huà)和配樂(lè)的修飾下顯得更加動(dòng)聽(tīng)。同時(shí)也更利于感情的抒發(fā)。錄制完成后還可以把自己的作品分享給大家，大家互相鼓勵(lì)、學(xué)習(xí)、進(jìn)步。有了這個(gè)軟件孩子們可以在美的享受中提高閱讀能力、鑒賞能力和藝術(shù)修養(yǎng)。

您還在苦于微信朋友圈視頻時(shí)間短，不能上傳完整視頻嗎？哈哈，您可以試試下面這款小程序。

有了它，獎(jiǎng)狀可以隨時(shí)制作打印。孩子們得到這樣的榮譽(yù)獎(jiǎng)勵(lì)，會(huì)更自信更努力的！

訊飛快讀，用另一種聲音來(lái)說(shuō)出自己的心聲。整堂課學(xué)生只聽(tīng)一位老師的喋喋講解，難免會(huì)造成聽(tīng)力疲勞，我們可以把一些理論知識(shí)錄入音頻，用另一種聲音呈現(xiàn)出來(lái)。上課播放時(shí)不僅會(huì)激發(fā)學(xué)生的學(xué)習(xí)興趣還會(huì)為老師節(jié)省出大量精力去觀察思考。

除此之外，還可以到小程序搜索小年糕來(lái)把孩子們的精彩瞬間制作成宣傳微課視頻，搜索Ai聽(tīng)寫(xiě)幫助老師和家長(zhǎng)聽(tīng)寫(xiě)。

我們要緊跟時(shí)代步伐，擅于利用科技帶給我們的便利，讓我們的工作與生活更加便捷，更加精彩。

關(guān)于微信小程序開(kāi)發(fā)應(yīng)用實(shí)例和微信小程序開(kāi)發(fā)實(shí)例菜鳥(niǎo)教程的介紹到此就結(jié)束了，不知道你從中找到你需要的信息了嗎 ？如果你還想了解更多這方面的信息，記得收藏關(guān)注本站。