微信小程序開發(fā)入門第一章：微信小程序開發(fā)流程ontents目錄C課程的簡介認識小程序01搭建開發(fā)環(huán)境小程序開發(fā)的準(zhǔn)備工作02課程的簡介互聯(lián)網(wǎng)時代小程序究竟改變了什么？課程實施平臺介紹與成績評定01ranspageT課前討論在互聯(lián)網(wǎng)的時代，互聯(lián)網(wǎng)消除了距離。小程序希望用“即用即走”的方式激活線下，連接場景。商業(yè)模式的顛覆生產(chǎn)模式的重構(gòu)消費模式的變革企業(yè)平臺化用戶個性化員工創(chuàng)客化探索路徑連接場景微信小程序誕生2007年1月9日，蘋果iPhone正式發(fā)布，這是一個時代開始的象征。十年后的同一天，2017年1月9日，微信小程序正式上線。張小龍向喬布斯致敬，小程序無疑被寄予厚望，希望開啟一個全新的時代。小程序的登場，意味著移動互聯(lián)網(wǎng)真正進入下半場的較量。上半場爭搶的是線上流量，隨著線上用戶增長紅利趨于飽和，戰(zhàn)爭基本結(jié)束。而下半場則是線下用戶之爭，想象空間巨大。當(dāng)時，微信的月活躍量已經(jīng)超過8億人次【而今（2022年）已達13億】，用戶范圍廣、黏性高。在這種情形下，微信于2016年9月21日公開了“微信小程序”計劃。微信小程序是一種新的應(yīng)用形態(tài)，無須下載安裝即可使用的應(yīng)用，用戶只需要“掃一掃”或者“搜一下”即可打開應(yīng)用，這體現(xiàn)了“用完即走”的理念。小程序的幾十次迭代包含了幾十項功能的增添/改進,其主要可以歸類為以下四個方面:1、開放線上入口能方便地進入是一件事,留住用戶是另一件事。這便需要更多優(yōu)質(zhì)的開發(fā)者帶來更多優(yōu)質(zhì)的小能方便地進入是一件事,留住用戶是另一件事。這便需要更多優(yōu)質(zhì)的開發(fā)者帶來更多優(yōu)質(zhì)的小程序。2、對開發(fā)者友好為了讓更多缺乏技術(shù)基礎(chǔ)的開發(fā)者們創(chuàng)建優(yōu)質(zhì)的小程序,微信及時推出了小程序可授權(quán)第三方平臺托管的功能。官方對第三方開發(fā)的支持使小程序如雨后春筍般大量誕生。3、關(guān)聯(lián)微信生態(tài)群相關(guān)能力的開放也為小程序的流量增長做出了貢獻。從微信群的小程序分享頁進入的用戶將帶有一張SharedTicket作為其群身份標(biāo)識,使得小程序可以獲得戶與用戶間基于微信群的關(guān)系。在小程序這款產(chǎn)品上,微信希望打通其生態(tài)內(nèi)產(chǎn)品間的壁壘,實現(xiàn)生態(tài)融合,讓小程序、公眾號、群聊之間變得互不可缺、互相依賴。4、拓展基本功能為了滿足開發(fā)者們想實現(xiàn)的更豐富的場景,小程序也在不斷拓展著其功能接口。比如與手機通訊錄打通、接入微信運動數(shù)據(jù)、可調(diào)節(jié)手機屏幕亮度、監(jiān)測手機截屏事件等等。微信小程序迭代史微信小程序大戰(zhàn)略1、助力線下行業(yè)微信意識到，阻礙線下商家大量入駐小程序平臺的不止是技術(shù)壁壘，很多線下行業(yè)的從業(yè)者們的困局在于：不知道如何讓小程序為其發(fā)揮價值。認識到這方面的需求后，微信團隊利用微信公開課平臺，在全國各地開展了多次公開課。2、挑戰(zhàn)搜索引擎微信小程序開發(fā)的大部分功能迭代都會由公眾號“微信公眾平臺”發(fā)文通告，然而，唯獨小程序的搜索功能，一直處在“悄悄升級”的狀態(tài)，僅在2017年6月3日宣布新增了關(guān)鍵詞搜索功能。這條窄窄的搜索框已經(jīng)開始在小程序生態(tài)中扮演越來越重要的角色。3、挑戰(zhàn)電商平臺和支付寶京東的電商小程序是最早一批入駐的小程序?，F(xiàn)在，微信開始了小程序電商的模式探索：2017年8月1日，微信已向部分流量主發(fā)出內(nèi)測邀請：將廣告直接植入文章之中，目前可選的廣告以電商單品為主。而用戶通過點擊外層圖片或按鈕將跳轉(zhuǎn)至指定小程序落地頁，完成購買流程。如果這個模式獲得成功，微信和京東將能壟斷巨量電商交易，且這些交易的支付手段也將被微信支付所壟斷。

小程序引流拉新手段？沒有小程序時代APP該怎么做？小程序催生的“共享”時代小程序引領(lǐng)的飲食變革小程序填補空白領(lǐng)域防疫政策調(diào)整期間，騰訊上線了"新冠防護藥物公益互助平臺"，為用藥備藥的用戶提供服務(wù)小程序的引流手段流量+玩法+產(chǎn)品=“超級轉(zhuǎn)化”“病毒式”傳播路徑：線上：朋友收到禮品卡—-發(fā)朋友圈表達謝意—-再送回給朋友（或送給其它朋友）—其它朋友收到卡線下：朋友收到禮品卡—-到店消費—拍照片發(fā)群（朋友圈）展示—-引導(dǎo)其他朋友也去購買禮品卡—轉(zhuǎn)發(fā)給朋友的朋友留住客戶：用大數(shù)據(jù)挖掘本質(zhì)需求十三五新形態(tài)教材_微信小程序開發(fā)邊做邊學(xué)PPT資源：操作篇：抽象提煉課程內(nèi)容的重點、難點、關(guān)鍵操作知識點篇：擴展引申課程內(nèi)容的背景知識點后臺環(huán)境搭建小程序前端開發(fā)豆豆云助教課程資源涵蓋的內(nèi)容“C語言習(xí)題測試”案例開發(fā)微信小程序入門01“我的頁面”模塊開發(fā)02課程模塊開發(fā)03

簽到測距模塊開發(fā)04接口開發(fā)與云平臺05“信息修改”模塊開發(fā)課程練習(xí)模塊開發(fā)初識后臺與數(shù)據(jù)庫初識云開發(fā)及實戰(zhàn)豆豆云案例模塊開發(fā)知識體系的建立課程開設(shè)的實施方法通識課的開設(shè)通識課授課提綱專業(yè)選修課的開設(shè)專業(yè)選修課授課提綱課程成績評價提交小程序作品論壇討論

測試情況

完成作業(yè)成績出爐作業(yè)批改標(biāo)準(zhǔn)：每次作業(yè)5分1，上傳2個截圖（PC端和手機端）2分，每個1分；2，對功能進行個性化修改1分；3，有心得1分，心得質(zhì)量好1分。作業(yè)成績占20%;測驗成績占20%;每次10道客觀題，10分。課程討論成績占10%;提交小程序項目占50%;專業(yè)選修課組隊情況專業(yè)選修課程作品26通識課組隊情況通識課程作品參賽作品資料百度云鏈接ontents目錄C課程的簡介認識小程序01搭建開發(fā)環(huán)境小程序開發(fā)的準(zhǔn)備工作02搭建微信小程序開發(fā)環(huán)境

申請賬號下載開發(fā)工具開發(fā)第一個HELLOWORLD小程序02ranspageT進行微信小程序開發(fā)，第一步就是要在微信公眾平臺：

注冊一個開發(fā)者賬號。

申請微信小程序賬號登陸微信官方提供的簡易教程鏈接https://developers.weixin.qq.com/miniprogram/dev/）進入教程后，選擇“申請賬號”。點擊“小程序注冊頁”按鈕進入小程序注冊頁面。

準(zhǔn)備工作

注冊賬號信息填寫填寫郵箱、密碼、確認密碼以及認證碼勾選“你已閱讀并同意《微信公眾平臺服務(wù)協(xié)議》及《微信小程序平臺服務(wù)條款》”，單擊“注冊”按鈕提交填寫好的賬號信息。

注冊郵箱激活在賬號信息提交后，進入郵箱激活頁面，單擊“登錄郵箱”按鈕，

登錄到注冊小程序的郵箱查看激活文件。單擊郵箱中的鏈接，即跳轉(zhuǎn)回微信平臺頁面并完成郵箱激活。

注冊信息登記完成郵箱激活后，進入信息登記頁面。注冊國家/地區(qū)選擇默認選項“中國大陸”。主體類型（個人、企業(yè)、政府、媒體以及其他）根據(jù)開發(fā)者實際情況進行選擇，本書主要以個人類型為例進行講解

注冊選擇個人類型后，頁面下方會出現(xiàn)主體信息登記填寫主體信息時，用戶需要如實填寫身份證姓名、身份證號碼和管理員手機號。

一個身份證號碼或一個手機號只能注冊5個小程序。單擊“獲取驗證碼”按鈕，等待手機接收驗證碼，填入接收到的6位驗證碼信息登記

注冊填寫完管理員身份信息后，管理員身份驗證一欄會自動生成一個二維碼。開發(fā)者使用本人微信掃描頁面提供的二維碼。掃碼后，手機微信會自動跳轉(zhuǎn)到微信驗證頁面。開發(fā)者核對微信驗證頁面上所顯示的姓名與身份證號碼無誤后，單擊“確認”按鈕，系統(tǒng)會提示“你的身份已驗證”。信息登記

注冊手機微信上確認后，信息登記頁面也會提示“身份驗證成功”。單擊“繼續(xù)”按鈕進入下一步，系統(tǒng)彈出提示框，讓開發(fā)者最后確認提交的主體信息，單擊“確定”按鈕，彈出“信息提交成功”提示框。信息登記

注冊單擊“前往小程序”按鈕直接進入小程序后臺管理頁面。管理員之后可以通過訪問微信公眾平臺（）手動輸入賬號密碼登錄小程序管理頁面，進行小程序的管理。安裝微信開發(fā)工具在簡易教程中的左側(cè)導(dǎo)航欄選擇“安裝開發(fā)者工具”，進入安裝開發(fā)工具教程，單擊“開發(fā)者工具下載頁面”按鈕即可進入工具下載頁面。安裝微信開發(fā)工具進入工具下載頁面后，可以發(fā)現(xiàn)開發(fā)工具分為開發(fā)版、測試版、穩(wěn)定版和內(nèi)核升級版。為保證開發(fā)工具的穩(wěn)定性，建議開發(fā)者選擇穩(wěn)定版的開發(fā)工具，開發(fā)者可根據(jù)計算機操作系統(tǒng)選擇對應(yīng)的軟件進行下載。安裝微信開發(fā)工具下載完成后，用戶會獲得一個exe應(yīng)用程序文件，雙擊該文件進行開發(fā)工具的安裝。安裝微信開發(fā)工具安裝過程如圖：點擊下一步

點擊我接受

選擇安裝位置，點擊安裝

正在安裝

安裝微信開發(fā)工具安裝完成后，提示“安裝完成”，單擊“完成”按鈕即可。安裝微信開發(fā)工具雙擊桌面“微信web開發(fā)者工具”圖標(biāo)，運行微信開發(fā)者工具。用微信進行掃描登錄，掃描成功后，在手機端單擊“確認登錄”按鈕即可登錄并使用微信開發(fā)者工具。

創(chuàng)建HELLOWORLD小程序雙擊微信web開發(fā)者工具圖標(biāo)，打開開發(fā)者工具。

左側(cè)導(dǎo)航欄選擇“小程序”，單擊菜單欄中“+”按鈕，進入新建項目頁面

創(chuàng)建HELLOWORLD小程序進入新建項目頁面，依次填寫項目名稱和AppID，并選擇項目目錄、開發(fā)模式、后端服務(wù)和開發(fā)語言。

創(chuàng)建HELLOWORLD小程序小程序的AppID可以登錄微信公眾平臺查看。登錄小程序賬號后，進入小程序后臺管理頁面，左側(cè)導(dǎo)航欄選擇“開發(fā)”，然后頂部tab欄選擇“開發(fā)設(shè)置”可查看AppID。該AppID需要單獨記錄和保存，后面用于開發(fā)工具的登錄。

創(chuàng)建HELLOWORLD小程序項目名稱：可根據(jù)項目自定義一個項目名稱。AppID：每個小程序賬號都有一個AppID，小程序管理員可在微信公眾平臺查看自己的AppID。AppID必須填實際的小程序AppID，否則部分功能將無法使用。如果開發(fā)者條件暫時受限，無法注冊申請小程序ID，可以選擇AppID下方的測試號新建小程序，但是無法實現(xiàn)真機調(diào)試功能。項目目錄：項目目錄為項目代碼包存放的路徑地址，可選擇默認的目錄，也可以選擇自己新建的空文件夾所在的目錄。

創(chuàng)建HELLOWORLD小程序開發(fā)模式：開發(fā)模式有兩個選項，分別是小程序和插件，插件是可被添加到小程序內(nèi)直接使用的功能組件。開發(fā)者可以像開發(fā)小程序一樣開發(fā)一個插件，供其他小程序使用。同時，小程序開發(fā)者可直接在小程序內(nèi)使用插件，無需重復(fù)開發(fā)，為用戶提供更豐富的服務(wù)。

后端服務(wù)：后端服務(wù)可選擇“不使用云服務(wù)”與“小程序·云開發(fā)”，本次案例選擇不使用云服務(wù)。開發(fā)語言：開發(fā)語言可選擇“JavaScript”與“TypeScript”。

創(chuàng)建HELLOWORLD小程序填寫完新建項目中的各個信息后，單擊“新建”按鈕完成HelloWorld小程序的新建。

HELLOWORLD小程序簡單修改打開新建好的helloworld小程序，點擊app.json，找到window字段。

★修改window屬性

HELLOWORLD小程序簡單修改將navigationBarBackgroundColor的值改為”0ca”，將navigationBarTitleText的值改為”微信”,將navigationBarTextStyle的值改為”white”,每修改一個值編譯一次代碼，觀察模擬器中頁面的變化。

HELLOWORLD小程序簡單修改

★修改motto值點擊index.js,找到page字段，（開發(fā)者可自行修改其中的motto值），此處將motto值修改為helloZhuge。

HELLOWORLD小程序簡單修改

★修改動態(tài)獲取的昵稱在/pages/index目錄下，修改index.js文件，將canIUseOpenData的值改為false。修改index.wxml文件。將{{userInfo.nickName}}改為你想要的任何名字。

HELLOWORLD小程序簡單修改

★修改動態(tài)獲取的昵稱在/pages/index目錄下，修改index.wxml文件。將{{userInfo.nickName}}改為

“大佬”。如果看不到頭像，將調(diào)試基礎(chǔ)庫調(diào)低到2.17.0版本，在手機上預(yù)覽要推送

HELLOWORLD小程序簡單修改

★頭像問題微信小程序最新用戶頭像昵稱獲取規(guī)則調(diào)整應(yīng)對措施（2022）：/ZHANGYANG_1109/article/details/127947267

HELLOWORLD小程序簡單修改

★添加tabBar

給helloworld添加一個tab