微信小程序正式發表!中國的 APP 產業面臨巨大衝擊

2017 年1 月9 日,是一個值得載入互聯網史冊的日子。這一天,零點剛過,張小龍和他的團隊,在夜色籠罩下,正式發布了微信小程序。
評論
評論

本文獲合作媒體 ifanr 授權轉載。文中許多用語與場景皆為中國用法,為呈現原汁原味,讓讀者瞭解中國的互聯網產業發展,本文不刻意編輯為台灣用語。

2017 年 1 月 9 日,是一個值得載入互聯網史冊的日子。這一天,零點剛過,張小龍和他的團隊,在夜色籠罩下,正式發布了微信小程序。從這一刻開始,只要有開發者登錄小程序後台,並在「開發管理」頁面點擊了「發布」按鈕,就會有一個小程序,降臨到這個世界上。

微信小程序這個設定為「無處不在」的產品,切切實實地「在」你身邊了,並即將給你的生活帶來新的變化。那麼,小程序到底是什麼?小程序的入口在哪裡?小程序到底如何使用?該去哪裡找小程序呢?現在,就立刻為大家揭曉。

小程序上線,你需要知道什麼?

小程序是什麼?小程序是一種無需安裝,即可使用的手機「應用」。只需要掃描二維碼,或是搜一搜,就能立即使用。不同的小程序,能幫你實現不同的功能。例如,買電影票、餐廳排號、餐館點菜、查詢公交、查詢股票信息、查詢天氣、收聽電台、預定酒店、共享單車、打車、查匯率、查單詞、買機票、網購……當然,作為微信的新產品,小程序只能在微信裡使用。

去哪裡找到小程序?

就像關注微信公眾號一樣,你得知道它的名字,或者二維碼,才能使用一款小程序。可是,微信裡並沒有提供一個集中展示小程序的地方。要是想迅速找到大量有趣、實用的小程序,你可以去 小程序商店 ,裡面聚集了非常多的優質小程序,包括了騰訊、網易、去哪兒、丁香園等公司的作品。

在上面,你也能立刻用上玩物誌、解憂室、荔枝 FM 播客、輕芒雜誌、好奇心日報等高品質的小程序。

那麼,如何進入小程序商店呢?在瀏覽器中打開 minapp.com 就可以了。現在,就不如去逛逛小程序商店,品嚐小程序的頭啖湯吧。

友情提示: 微信版本需要更新至 6.5.3,才能使用小程序哦。

使用小程序,你還需要知道這些

1. 發現頁面入口

在小程序還未發布之前,就有消息洩露,發現頁面將會有一個小程序的入口。這個入口確實存在!不過,只有在微信上使用過小程序,才能「解鎖」發現頁面的那個入口。如果你還沒有使用過任何小程序,現在在微信首頁的搜索框搜索「解憂室」,點擊解憂室的小程序,發現頁面的入口就會顯現出來。

現在打開微信,點擊底部的「發現」按鈕,你會發現,頁面中多了一欄圖標為 S 型的「小程序了,點擊即可進入小程序頁面。

 那些你曾用過的小程序,就集中出現在這個頁面中。在小程序頁面的頂部,還有一個搜尋框。在搜尋框內輸入已發布的小程序名稱,就能搜到相應的小程序。

2. 微信公眾號入口

如果一個微信公眾號連結了自己的小程序。那麼,在公眾號的介紹頁面,就會出現一個相關小程序的模組。只要點擊小程序的名字,就能立即打開使用。

 

3. 小程序的二維碼

小程序的二維碼跟微信公眾號的二維碼是不一樣的。目前,小程序的二維碼不支持在微信中長按識別,只能通過微信掃一掃,才能開啟小程序。所以,要是誰傳給你一張小程序的二維碼,按老方法長按識別,可是打不開的哦。

4. 小程序如何分享?

要是你用上一款不錯的小程序,想分享給朋友,有些東西還需要注意。小程序跟公眾號不一樣,它不能分享到朋友圈,只能分享給好友,或者是微信群。不過,小程序的分享效果和體驗都非常棒,強烈建議你試試。

5. 小程序和聊天兩不誤

在微信裡聊天,在微信裡看公眾號內容,是兩件無法同時進行的事。這一點,讓很多人都深感麻煩。好在,在使用小程序的時候,完全不需要擔心這一點。只要點擊小程序右上角的「···」,再點擊「顯示在聊天頂部」,小程序就會出現在微信首頁的上方。聊完天,點一下小程序的名字,就能回到小程序的頁面了。

6. Android 的特權

如果你是 Android 用戶,還可以享受一個特權:把小程序添加到桌面。在小程序右上角點擊三個點,即可看到「添加到桌面」的選項,點擊即可直接將小程序添加到桌面。

你會看到桌面多出了一個小程序的圖標。之後如果你想啟動這個小程序,從桌麵點擊圖標直接啟動就可以了。

一個謎底的解開:為什麼是 1 月 9 日?

就在 1 月 9 日剛到不久,張小龍發了一條朋友圈。


蛻變敏捷開發組織並不難! AWS Amplify幫前端工程師從雲端快速建立REACT程式

台灣企業勢必需要明確轉型策略,搭配適合的雲端工具作為入場券,一來降低數位化門檻、二來減少摸索資源的浪費。
評論
shutterstock_1451794139.jpg
評論

打造敏捷開發流程、加速前後端工程師的協作效率,是許多企業在面臨疫情之後,認為亟需將彈性元素納入為企業文化當中。雲端運算服務領導業者 AWS 台灣,觀察到前端工程師主要負責處理最貼近用戶的 Web、行動應用程式,但他們往往需要與後端團隊合作過程,遭遇耗費大量討論時間,才能處理使用者介面事項。

為了降低前後端的溝通成本,有些前端工程師在掌握介面管理能力之後,開始橫跨到後端的伺服器、資料庫開發經驗,甚至進一步培養技能,成為能負責測試、安全、效能多面向的全端工程師。

有的人會透過 Side Project(利用業餘時間開發有興趣的專案)或參加 Hackathon(黑客松)方式,運用 AWS 雲端工具嘗試自行擴展後端,並建立簡單易用的工具程式。究竟,AWS 平台提供哪些資源幫助前端工程師擴展更多元的技能樹?

掌握入門教學!前端工程師如何將 REACT 程式快速上雲

前端工程師運用 AWS Amplify,快速在雲端建立 REACT 應用程式

事實上,AWS 的入門課程指出,運用 AWS Amplify 在雲端建立 React 應用程式及服務集,只需五個學習歷程,包含建立 React 應用程式、初始化本機應用程式、新增身份驗證、新增 API 和資料庫、新增儲存體。如果想快速了解 REACT 程式快速上雲的方法及示範教學,本文節錄 AWS QUICKSTART 學習資源內容,幫助前端工程師更快掌握重點。

首先,何謂 AWS Amplify?AWS Amplify 是一項全托管 Front-End Web & Mobile 服務,採取無伺服器模式,在後端建立、部署和託管單一頁面 Web 應用程式或靜態網站的 Git 型 CI/CD 工作流程,加速開發過程直接整合其他 AWS 服務。舉例來說,像是整合封裝好的 Library 資源、或運用一些 Components UI 軟體去配置後端,以及利用 Admin 的 UI 做資源上的管理。

透過 AWS 增加雲端技能 在組織發揮你的影響力

AWS Amplify加速Develop、Deliver 與 Manage流程

AWS Amplify 主要優勢展現在三大項工作階段,分別是 Develop、Deliver 和 Manage。Develop 部分可利用 CLI(Command-Line Interface)或 Admin UI 設定後端,使用 GraphQL 或 REST API 設定也是可行的,進而快速建構一個前後端專案。此外,開發者還能搭配 AWS 其他服務,例如使用 AWS Authentication 全托管認證服務,或 DataStore、Storage 等多項 Feature Categories。

到了 Deliver 階段,若是要透過 AWS Amplify 執行 Web Hosting 任務,可拆解出三個流程。首先是將 Repository 與 AWS Amplify 進行連結,這邊可整合 Amplify Console 提供的支援資源包含 Github、Bit Bucket、Gitlab、以及 AWS 的程式碼代管工具 AWS CodeCommit。一旦連結以後,開發者可透過自己的 Configuration,决定在各個不同的 Build 要執行什麽樣的指令,最後再透過 Deploy 方式,幫助工程師進行前端的 Hosting。

在最後一個 Manage 階段,開發者則可利用 AWS Amplify 的 Admin UI,以開啓瀏覽器方式,透過視覺化介面統一管理資源。例如在 Admin UI 介面左側選單,涵蓋 Content、User Management 的區塊,讓參與專案但沒有 AWS Console 權限的使用者,可利用 E-mail 方式邀請使用者進到 Admin UI,進行一些設定或觀看其他相關資源;甚至在 Set Up 區塊還有相關選項,例如要針對 Data Modeling 或 APP User 做權限管理,以及可連結到 AWS 其他服務。

運用開放資源 AWS Amplify Framework,打造高效能應用服務

AWS QUICKSTART 學習資源還介紹到另一個 AWS 提供的開放資源 Amplify Framework,一樣可利用 Amplify CLI 的方式,配置 Web 和行動應用程式的前後端,以及開發者需要用到的服務,讓應用程式更易於構建,並獲得安全、高性能的使用體驗。

Amplify CLI 一樣有支援多個不同 Category,例如較常使用的幾個 Comment Line,像是Amplify Init 指令做初始化或創建幾個不同資源;或是 Amplify Status 指令,隨時在開發過程查看各個 Category 狀態;甚至專案結束後,可利用 Amplify Delete 直接把 Amplify 所創建的資源做一次性删除。另外也可透過 AWS Amplify Client 利用比較抽象化方式,讓開發者直接利用 Component 實現想要完成的項目。

填寫表單 找到適合你的快速上雲服務與工具!

實際示範給你看,設定 React 程式可以如此簡單

假設前端工程師現在要快速部署一項有驗證功能(Authentication)還要搭配 Rest API、GraphQL、Analytics 等服務的應用,如何快速設定 React 程式?在 AWS QUICKSTART 的學習資源後半段,有詳細說明要啟動這類型專案的操作方法。

開發者可以先利用 AWS Lambda Function 結合 Amazon API Gateway 方式,創建出一個 Rest API,到了 Authentication 階段,則使用到 AWS Cognito 的服務,接著針對 GraphQL 需求,可利用 AWS AppSync 服務,以及最後如果有 Analytics 的需求,也可以串聯 Amazon Pinpoint 工具。Amazon Pinpoint 是一項彈性而可以擴展的行銷通訊服務,開發人員可利用 Amazon Pinpoint API 追蹤 Web 使用者的行爲,或是針對 APP 推送、電子郵件、簡訊點擊行為蒐集到具體的資訊。

在這整套流程示範之後,值得特別強調的是,AWS AppSync 是一項全托管的服務,能及時更新,甚至在使用者離線時仍可以持續去創建和修改數據。一旦設備連上線之後,這項應用程式就可重新連線,並接到後端同步數據,達成彈性、自動化擴展或減縮各式 API 的請求。

打造第一個你在 AWS 上的應用程式

AWS 最後強調,Amplify 是相當適合建構出一個靜態 Web、Apps 服務模式,例如說像是打造部落格,或者是一項 APP 內的代辦事項應用等;加上 Amplify 具全托管服務特色,可串聯上述 AWS 在雲端所提供的資源,都能在部署過程加以整合,加速開發流程及效率,並且有效節省開發資源。如果想用低門檻的雲端解決方案,其實前端工程師是能在開發流程更靈活配置資源,甚至為公司的商業、服務模式挖掘出創新價值。

了解更多:AWS 開發者系列