《如何發布Chrome外掛,完整步驟詳解》

更新 發佈閱讀 4 分鐘
raw-image

要在Chrome上發布外掛,需要經過以下幾個步驟

  1. 註冊為線上應用程式開發人員
  2. 卻把外掛格式正確
  3. 完成上架流程

1. 註冊為線上應用程式開發人員

步驟1-1:進入網頁

首先進入以下網址:Chrome Developer Dashboard

步驟1-2:支付一次性註冊費

要注意的是要在Chrome商店發布的話,需要支付5美金的註冊費用才能創建發布帳戶。所以先勾選「已詳閱政策」並支付5美金進到下一個步驟

raw-image

付費完成後,會出現以下的畫面。接著點擊「前往開發人員資訊主頁」。

raw-image

步驟1-3:填寫個人資訊

接著會需要我們輸入相關的個人資訊。注意這邊有一個「交易商聲明」的選項。一般來說我們可以直接選擇「這是非交易商帳戶」即可。如果你是用公司的名義聲請,那可以勾選「這是交易商帳戶」。

raw-image

如果勾選了「這是交易商帳戶」,那後續會需要填入商家資訊。

raw-image

資料填完後,會跳轉到開發人員頁面,接下來我們要在這個頁面上傳我們的外掛檔案。在此之前,我們需要先「打包外掛檔案」。

2. 打包外掛檔案

步驟2-1:確保上傳檔案資訊正確

根據文件,manifest.json須「至少」包括以下資訊

  1. 外掛名稱
  2. 外掛版本
  3. 外掛icon
  4. 外掛敘述

關於「外掛敘述」,雖然文件是說需要132 characters,但我實務上小於這個數字也能上傳。

步驟2-2:確保上傳檔案資訊正確

確保將外掛檔案中的各式註解刪除,若是註解沒有刪除,可能無法正式上傳。

步驟2-3:將檔案打包成zip檔

chrome開發者後台僅支援zip檔案上傳,所以記得把資料夾壓縮成zip檔。

3. 完成上架流程

在完成了前兩個步驟後,接下來我們就要開始上傳我們的外掛檔案了。

步驟3-1:點擊新增商品並選取要上傳的檔案

raw-image

步驟3-2:完成產品敘述(商店資訊)

你需要填入的資料包含,

  1. 產品細節
  2. 圖片資產
  3. 其他欄位

一、產品細節:外掛的說明、類別、語言

語言的部分可以優先選擇產品的第一語言。一開始可以先以成功上架為目標,之後若是有需要新增其他語言,可以之後再補上。

raw-image

二、圖片資產:包含icon、螢幕截圖、宣傳板塊等等

icon、螢幕截圖的部分是必填。尤其注意螢幕截圖有尺寸限制,若是尺寸不對則無法上傳。

raw-image

三、其他欄位:包含官網、產品說明頁以及是否是成人內容

raw-image

這個區塊的資訊都是非必填,可以依據個人需求填上。

步驟3-3進入隱私權實務規範

raw-image

在填寫完商店資訊後,你可能會發現提交審查的按鈕還是無法點擊。這是因為還需要完成「隱私權實務規範」才能提交。

步驟3-4:完成隱私權實務規範

你需要填入的資料包含

  1. 填寫單一用途
  2. 要求權限的理由
  3. 資料使用情況

一、填寫單一用途

其實基本上就是用短短的一兩句話說明這個外掛的用途

二、要求權限的理由

如果有使用遠端程式碼,比如說Bootstrap、jQuery等等,需要解釋為什麼你需要用這些程式碼。

三、資料使用情況

若是你有搜集使用者資料做其他用途,你必須在這邊揭露。

raw-image
raw-image

以上的資料都完成之後,沒意外就可以提交審查了。

步驟3-5:提交並等待結果

raw-image

提交之後會看到一個對話筐,詢問你是否要提交外掛。其中有一個「是否自動發布」的選項。勾選之後,外掛若是通過審核就會自動發布;如果你想要另外確認後再發布,那就不要勾選。

確認後就可以提交審核。

步驟3-6:等待結果

raw-image

提交之後一般可能會有以上兩個情況

  1. 已發布
  2. 待審查

提交通過的速度看情況,快的話應該1-2天內就可以通過,有時候久一點可能會需要超過一個禮拜。

寫在最後

以上就是在Chrome商家發布外掛的方式,希望對各位有幫助。強烈建議大家在一開始的時候,可以用一個最小版本(MVP)的外掛來熟悉整個的上架流程。

如果外掛太複雜或是要求太多權限,可能會拖慢審查的進度。而且其實上架之後也可以持續修正並發布,所以可以把「熟悉上架流程」排在比較優先的順序來執行。


留言
avatar-img
留言分享你的想法!
avatar-img
RJ的沙龍
14會員
51內容數
所謂的獨立開發者(Indie Hacker)往往代表的是一個人探索需求、打造產品、營運推廣,可以將它想像成一個個人的創業團隊。這個專題主要會介紹我在獨立開發產品中學到的事、重要的觀念以及及時的相關訊息等等。如果你對獨立開發或是打造被動收入有興趣,希望這個專題的文章能夠幫上忙、為你解惑。
RJ的沙龍的其他內容
2024/04/30
Face to sticker 是一個在Replicate上很熱門的model。使用者只要透過上傳自己的大頭照,後台就會快速的將你的圖片變成貼紙。 後台的操作很簡單,只要先上傳一張照片,然後點擊Generate並等待約30-45秒之後,就會產生圖片。 在facetosticker網站註冊之後
Thumbnail
2024/04/30
Face to sticker 是一個在Replicate上很熱門的model。使用者只要透過上傳自己的大頭照,後台就會快速的將你的圖片變成貼紙。 後台的操作很簡單,只要先上傳一張照片,然後點擊Generate並等待約30-45秒之後,就會產生圖片。 在facetosticker網站註冊之後
Thumbnail
2024/02/29
最近發現有很多的網站的做法都是先找到某個不錯的關鍵字,然後直接用關鍵字當作網域名稱。 接著把網站首頁作為主要頁面,然後其他頁面圍繞著相同主題然後堆廣首頁。 這樣做的好處是,因為首頁一般來說擁有最高的權重。如果可以把首頁作為主要頁面並集中推廣,那就有機會搶下這個關鍵字。 主要的關鍵字就是
Thumbnail
2024/02/29
最近發現有很多的網站的做法都是先找到某個不錯的關鍵字,然後直接用關鍵字當作網域名稱。 接著把網站首頁作為主要頁面,然後其他頁面圍繞著相同主題然後堆廣首頁。 這樣做的好處是,因為首頁一般來說擁有最高的權重。如果可以把首頁作為主要頁面並集中推廣,那就有機會搶下這個關鍵字。 主要的關鍵字就是
Thumbnail
2023/12/20
過去這一年是AI相關應用大爆發的一年,在過去一年中有各種主題的AI工具出現。 最熱門的主題可能是資訊總結(Chat with pdf)、AI對話助手(chatgpt求解、客服)以及AI圖片等等。 Replicate是一個著名的API網站,你可以在上面透過API使用各式各樣不同model的服務。
Thumbnail
2023/12/20
過去這一年是AI相關應用大爆發的一年,在過去一年中有各種主題的AI工具出現。 最熱門的主題可能是資訊總結(Chat with pdf)、AI對話助手(chatgpt求解、客服)以及AI圖片等等。 Replicate是一個著名的API網站,你可以在上面透過API使用各式各樣不同model的服務。
Thumbnail
看更多
你可能也想看
Thumbnail
在小小的租屋房間裡,透過蝦皮購物平臺採購各種黏土、模型、美甲材料等創作素材,打造專屬黏土小宇宙的療癒過程。文中分享多個蝦皮挖寶地圖,並推薦蝦皮分潤計畫。
Thumbnail
在小小的租屋房間裡,透過蝦皮購物平臺採購各種黏土、模型、美甲材料等創作素材,打造專屬黏土小宇宙的療癒過程。文中分享多個蝦皮挖寶地圖,並推薦蝦皮分潤計畫。
Thumbnail
小蝸和小豬因購物習慣不同常起衝突,直到發現蝦皮分潤計畫,讓小豬的購物愛好產生價值,也讓小蝸開始欣賞另一半的興趣。想增加收入或改善伴侶間的購物觀念差異?讓蝦皮分潤計畫成為你們的神隊友吧!
Thumbnail
小蝸和小豬因購物習慣不同常起衝突,直到發現蝦皮分潤計畫,讓小豬的購物愛好產生價值,也讓小蝸開始欣賞另一半的興趣。想增加收入或改善伴侶間的購物觀念差異?讓蝦皮分潤計畫成為你們的神隊友吧!
Thumbnail
本文提供完成訂閱後的相關事項及安裝指引,包括填寫問卷、遠端開通Trading View帳號、指標安裝步驟等。另外也提供影片教學和紙本教學,以及解決安裝問題的方法。
Thumbnail
本文提供完成訂閱後的相關事項及安裝指引,包括填寫問卷、遠端開通Trading View帳號、指標安裝步驟等。另外也提供影片教學和紙本教學,以及解決安裝問題的方法。
Thumbnail
還在苦惱怎麼樣把你的檔案上傳到Github嗎?這裡教大家簡單上傳你的檔案可以沿用到如何上傳整體專案到Github並展示你的作品集
Thumbnail
還在苦惱怎麼樣把你的檔案上傳到Github嗎?這裡教大家簡單上傳你的檔案可以沿用到如何上傳整體專案到Github並展示你的作品集
Thumbnail
要在Chrome上發布外掛,需要經過以下幾個步驟 註冊為線上應用程式開發人員 卻把外掛格式正確 完成上架流程 1. 註冊為線上應用程式開發人員 步驟1-1:進入網頁 首先進入以下網址:Chrome Developer Dashboard 步驟1-2:支付一次性註冊費 要注意的是要在Chrome商店發
Thumbnail
要在Chrome上發布外掛,需要經過以下幾個步驟 註冊為線上應用程式開發人員 卻把外掛格式正確 完成上架流程 1. 註冊為線上應用程式開發人員 步驟1-1:進入網頁 首先進入以下網址:Chrome Developer Dashboard 步驟1-2:支付一次性註冊費 要注意的是要在Chrome商店發
Thumbnail
不知道你是否有以下困擾呢? 「自己寫好的程式,若要呈現在網路上,該怎麼辦?」 「手上有個html的檔案,但是要如何分享給朋友們?」 「做一個網站要花主機的錢,如何有個免費託管主機的地方呢?」 以上問題,將由github pages來幫你解決喔!
Thumbnail
不知道你是否有以下困擾呢? 「自己寫好的程式,若要呈現在網路上,該怎麼辦?」 「手上有個html的檔案,但是要如何分享給朋友們?」 「做一個網站要花主機的錢,如何有個免費託管主機的地方呢?」 以上問題,將由github pages來幫你解決喔!
Thumbnail
Step1: 打開github登入 https://github.com/ 創立一個Repositories把網頁檔案丟上去 之後點我圈起來的地方 把你的網頁檔案放上去 要注意把檔案都正確上傳(通常會有29個檔案) 並點擊下面確認按鈕 Step2: 打開netlify登入 https://app.n
Thumbnail
Step1: 打開github登入 https://github.com/ 創立一個Repositories把網頁檔案丟上去 之後點我圈起來的地方 把你的網頁檔案放上去 要注意把檔案都正確上傳(通常會有29個檔案) 並點擊下面確認按鈕 Step2: 打開netlify登入 https://app.n
Thumbnail
首先要先去Google Cloud Platform申請一個帳號,愉快的點下啟用
Thumbnail
首先要先去Google Cloud Platform申請一個帳號,愉快的點下啟用
Thumbnail
如果要使用FB Login等FB外掛服務,一定要申請一組FB APP,才能夠執行後台的FB登入功能,下方為FB APP的申請流程教學,一起來觀看學習吧!
Thumbnail
如果要使用FB Login等FB外掛服務,一定要申請一組FB APP,才能夠執行後台的FB登入功能,下方為FB APP的申請流程教學,一起來觀看學習吧!
Thumbnail
LINE 官方帳號登入頁面設定,這次將教大家如何進行line的圖文選單建立,請記得這些步驟都要在電腦版才能完成哦!
Thumbnail
LINE 官方帳號登入頁面設定,這次將教大家如何進行line的圖文選單建立,請記得這些步驟都要在電腦版才能完成哦!
Thumbnail
GCP: API和服務 -> 資訊主頁 -> +啟用API和服務 搜尋google+ 啟用: 設定 OAuth 同意畫面: 選擇外部後,開始填寫資料: 建立憑證: 假如有多個應用程式平台,如網頁、app,都要各自建立OAuth用戶。 已授權的重新導向URI: 使用者透過 G
Thumbnail
GCP: API和服務 -> 資訊主頁 -> +啟用API和服務 搜尋google+ 啟用: 設定 OAuth 同意畫面: 選擇外部後,開始填寫資料: 建立憑證: 假如有多個應用程式平台,如網頁、app,都要各自建立OAuth用戶。 已授權的重新導向URI: 使用者透過 G
Thumbnail
安裝軟體:ATOM-https://atom.io/ 基本上安裝畫面上的download會顯示您目前所用的工具所需的軟體 這邊顯示是Windows的64-bit就是我所用的~Mac會顯示Mac用的 2.每個軟體學習一開始都是要從HELLO WORLD開始,是因為要確認”環境”是否安裝”完成
Thumbnail
安裝軟體:ATOM-https://atom.io/ 基本上安裝畫面上的download會顯示您目前所用的工具所需的軟體 這邊顯示是Windows的64-bit就是我所用的~Mac會顯示Mac用的 2.每個軟體學習一開始都是要從HELLO WORLD開始,是因為要確認”環境”是否安裝”完成
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News