歡迎來到我的博客
📔博主是一名大學(xué)在讀本科生，主要學(xué)習(xí)方向是前端。
🍭目前已經(jīng)更新了【Vue】、【React–從基礎(chǔ)到實戰(zhàn)】、【TypeScript】等等系列專欄
🌈博客主頁👉codeMak1r.小新的博客

😇本文目錄😇

• 開卷｜小程序
• 國內(nèi)外IT技術(shù)圈完全是兩個世界
• 小程序｜誕生
• 小程序｜簡介
• • 小程序與普通網(wǎng)頁開發(fā)的區(qū)別
• 小程序｜前置準備
• • 開發(fā)者賬號
  • 開發(fā)者工具
• 寫在最后

本文被專欄【小程序｜原力計劃】收錄

🕹堅持創(chuàng)作??，一起學(xué)習(xí)📖，碼出未來👨🏻?💻！

開卷｜小程序

各位看官大家好，小新開卷原力計劃｜小程序。

入門小程序，旨在提高前端開發(fā)人員技術(shù)廣度；進軍大前端開發(fā)領(lǐng)域，實現(xiàn)自我價值。本專欄將逐步帶領(lǐng)大家進軍小程序開發(fā)，預(yù)計使用uni-app｜Taro跨端框架……感興趣的可以訂閱本專欄以獲得最新文章資訊。

國內(nèi)外IT技術(shù)圈完全是兩個世界

小新最近聽說，現(xiàn)在的小孩兒（10后）都有一個疑問：為什么這個圖標代表電話的含義？

我尋思，電話不就是這個樣子的嗎？之前的座機電話都長這樣啊～這個時候，我突然意識到，似乎10后的年輕人們好像從來沒見過這種樣子的電話，從他們記事開始，他們印象中的電話就是那種iphone一樣的智能手機……（像我這樣00年的是不是已經(jīng)不算年輕人了😫）

其實這也說明，現(xiàn)在科技的發(fā)展真的太快了， 但是，IT技術(shù)的發(fā)展速度更快！

十多年前，BAT里的B還代表百度的那些年，那時候大家上網(wǎng)還依靠瀏覽器，搜索引擎讓網(wǎng)民們第一次意識到，原來我并不孤單。

大量的上網(wǎng)需求，讓開發(fā)者們迫切的需要更高效的開發(fā)模式，也就有了之后的MVC架構(gòu)、MVVM架構(gòu)等等。

國外的IT技能樹呢，一直致力于在【瀏覽器】中韜光養(yǎng)晦，打造更好的在瀏覽器中的上網(wǎng)體驗，為此也誕生了很多以前端為主的全棧框架，比如，NextJS｜Remix等等……

而這個時候，國內(nèi)的IT技術(shù)圈呢？隨著移動端的發(fā)展與流行，App的出現(xiàn)開始分割Web的流量。App的設(shè)計是為了更好的留住用戶，更好的吸引用戶，于是在國內(nèi)的網(wǎng)頁中，經(jīng)常看到，我點擊別人分享給我的鏈接或者二維碼，進去之后他讓我用瀏覽器打開，我還以為是Web端頁面呢，結(jié)果直接給我導(dǎo)向App Store讓我下載App了……這樣的體驗真的好嗎？

后來呢，國內(nèi)的IT人們，為了讓用戶跳過下載這一繁瑣的步驟，推出了一種：

在App中運行App的玩法，【小程序】就這么應(yīng)運而生。至此，國內(nèi)外IT技術(shù)圈的技能樹就開始往不同的方向發(fā)展了……

小程序｜誕生

2016 年 1 月 11 日：應(yīng)用號初現(xiàn)、開發(fā)工具發(fā)布
2016 年 1 月 20 日：WeUI 發(fā)布
2016 年 4 月 19 日：微信內(nèi)置瀏覽器升級
2016 年 9 月 22 日：小程序發(fā)布內(nèi)測
2016 年 10 月 27 日：小程序新增 19 種接口
2016 年 11 月 3 日：小程序開放公測
2016 年 11 月 18 日：小程序入口謎團
2016 年 11 月 22 日：開發(fā)者工具更新
2016 年 12 月 16 日：WeUI.js 框架發(fā)布
2016 年 12 月 17 日：宣布春節(jié)前會正式推出小程序

在談到做小程序的初衷時候，張小龍談到了PC時代的信息，他認為在電腦瀏覽器上用戶可以快速切換網(wǎng)站獲取信息，根本不需要下載東西。而對比手機，用戶切換的成本很高，普通用戶最常用的就是那么幾個應(yīng)用（對應(yīng)的是獲取信息入口）。微信考慮的其實就是如何在單一入口內(nèi)給用戶提供更多信息和服務(wù)，這一點一旦做好就會把用戶很好留在自己閉環(huán)的生態(tài)APP里。

在程序上線之初，因UI設(shè)計、大小限制、用戶體驗等問題而遭到業(yè)內(nèi)唱衰，但其成功經(jīng)受住考驗，在電商、游戲等行業(yè)應(yīng)用廣泛。如今，小程序已成為大熱的行業(yè)風(fēng)口，百度、字節(jié)跳動、快手等互聯(lián)網(wǎng)大廠均推出自家的小程序平臺，小程序生態(tài)不斷走向繁榮。2020年無疑是艱難的一年，但小程序仍然成功助力了企業(yè)數(shù)字化升級和精細化運營，釋放出巨大的商業(yè)潛能和經(jīng)濟價值。

在這個被口罩和掃碼籠罩的時代，小程序在防疫控疫方面的貢獻也是十分巨大的，比如在我生活的城市：南昌。贛通碼和昌通碼成為了出門在外必不可少的兩項小程序，去往各個公共場所都需要使用小程序掃碼才可入內(nèi)，而市民們只要手機里有微信、支付寶等軟件，即可掃碼查驗本人的行程軌跡、核酸檢測情況，可謂是出門在外最不可或缺的必備小程序……

相信不遠的將來，在國家和大家的共同努力下，疫情總有一天會消失，到那個時候，可能不再需要小程序掃碼才可以出入各個公共場所了。但是，小程序的應(yīng)用不會消失。

根據(jù)5月18日消息，騰訊控股發(fā)布了2022年一季度財報。微信小程序日活躍賬戶數(shù)已突破5億，交易總額持續(xù)快速增長，進一步滲透零售、餐飲及民生服務(wù)。 可見在現(xiàn)在這個時代，小程序的發(fā)展已勢不可擋，而小程序的開發(fā)也成為了前端開發(fā)人員的必修功課之一。

小程序｜簡介

在前面我們了解到，小程序是存在于App中的App，這種“新興”的玩意兒，在我們開發(fā)人員看來，與普通的Web網(wǎng)頁開發(fā)有何區(qū)別呢？

小程序與普通網(wǎng)頁開發(fā)的區(qū)別

運行環(huán)境不同：Web網(wǎng)頁運行在瀏覽器環(huán)境中；小程序是運行在微信環(huán)境中的；

API不同：小程序無法調(diào)用瀏覽器中的DOM和BOM 的API，但是微信提供了官方的小程序API接口，可以使用官方提供的API接口完成一些定位、掃碼以及喚起支付頁面的功能……

開發(fā)模式不同：小程序的開發(fā)需要

• 申請小程序開發(fā)賬號；
• 安裝小程序開發(fā)者工具；
• 創(chuàng)建和配置小程序項目；

小程序｜前置準備

開發(fā)者賬號

注冊網(wǎng)址：https://mp.weixin.qq.com/

點擊右上角立即注冊

2. 選擇小程序注冊

根據(jù)自己實際情況填寫注冊表單相關(guān)信息

注意：在信息登記頁面，選擇主體類型為【個人】。

當(dāng)看到頁面彈窗：

就說明你的開發(fā)者賬號已經(jīng)注冊好了。

此時需要點擊【前往小程序】以獲取開發(fā)所需要的【AppID】

～創(chuàng)建小程序項目時需要用到此ID～

開發(fā)者工具

我們知道，編寫一些程序的時候，需要對應(yīng)的開發(fā)者工具——IDE。
比如Java語言的IDEA｜eclipse、Python語言的PyCharm、JavaScript語言的VsCode等等……

在小程序領(lǐng)域，微信提供了很好的適配小程序開發(fā)的開發(fā)者工具。

它的主要功能有：

• 快速創(chuàng)建小程序項目
• 代碼的查看和編輯
• 對小程序功能進行調(diào)試
• 小程序的預(yù)覽和發(fā)布

開發(fā)工具的下載可以前往：開發(fā)者工具下載頁面，建議安裝穩(wěn)定版，在下方版本選擇中，根據(jù)自己的電腦的操作系統(tǒng)選擇合適的版本進行安裝即可。

由于小新的電腦是macOS x64架構(gòu)的系統(tǒng)，所以這里我選擇第三個【macOS x64】.

點擊鏈接之后就是傻瓜式安裝流程了，與普通的常見的一些App的安裝流程并沒有什么區(qū)別。

安裝完成之后打開，打開后使用之前注冊開發(fā)者賬號時，綁定的那個小程序管理員微信號進行掃碼。

掃碼成功后，進入開發(fā)頁面，即可創(chuàng)建自己的第一個小程序項目啦～

下篇文章內(nèi)容：第一個小程序項目的創(chuàng)建
專欄訂閱入口【小程序｜原力計劃】

寫在最后

開篇時，我提到了【國內(nèi)外IT技術(shù)圈的發(fā)展】，我說國外的IT技術(shù)圈致力于提升用戶在瀏覽器也就是Web頁面中能擁有更好的體驗。而國內(nèi)的IT技術(shù)圈都在瘋狂內(nèi)卷，小程序的開發(fā)人員數(shù)量也已經(jīng)達到了300萬！

那么，到底是國內(nèi)IT技術(shù)圈的技能樹點歪了？還是國內(nèi)這次領(lǐng)先于國外，找到了更好的發(fā)展方向呢？

我個人認為，如今微信小程序已經(jīng)不可避免的成為了我們生活中的一部分了，如我們的出行、購物、餐飲、社交、娛樂等活動的小程序已經(jīng)應(yīng)有盡有。甚至在防疫方面，各個健康碼小程序也成為了出行必備。相比于去安裝一個App人們自然更加傾向于在微信中去直接訪問某個小程序，但是相比于Web頁面呢？我認為，Web頁面與小程序并不沖突，國內(nèi)豐富良好的掃碼環(huán)境，就給予了小程序良好的生存環(huán)境，人們可以掃碼支付，也可以掃碼進入小程序下單之后跳轉(zhuǎn)支付……這一點在國外是無法實現(xiàn)的，畢竟中國新四大發(fā)明之一【移動支付】可是讓外國友人眼紅的很吶～

總結(jié)

以上是生活随笔為你收集整理的【小程序-开篇】国内IT技术圈的技能树貌似点歪了？的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。