diff options
| author | Peter Bengtsson <mail@peterbe.com> | 2020-12-08 14:43:23 -0500 |
|---|---|---|
| committer | Peter Bengtsson <mail@peterbe.com> | 2020-12-08 14:43:23 -0500 |
| commit | 218934fa2ed1c702a6d3923d2aa2cc6b43c48684 (patch) | |
| tree | a9ef8ac1e1b8fe4207b6d64d3841bfb8990b6fd0 /files/zh-tw/archive/mozilla/marketplace/publishing | |
| parent | 074785cea106179cb3305637055ab0a009ca74f2 (diff) | |
| download | translated-content-218934fa2ed1c702a6d3923d2aa2cc6b43c48684.tar.gz translated-content-218934fa2ed1c702a6d3923d2aa2cc6b43c48684.tar.bz2 translated-content-218934fa2ed1c702a6d3923d2aa2cc6b43c48684.zip | |
initial commit
Diffstat (limited to 'files/zh-tw/archive/mozilla/marketplace/publishing')
22 files changed, 1313 insertions, 0 deletions
diff --git a/files/zh-tw/archive/mozilla/marketplace/publishing/adding_a_subdomain/index.html b/files/zh-tw/archive/mozilla/marketplace/publishing/adding_a_subdomain/index.html new file mode 100644 index 0000000000..27d7c108df --- /dev/null +++ b/files/zh-tw/archive/mozilla/marketplace/publishing/adding_a_subdomain/index.html @@ -0,0 +1,40 @@ +--- +title: 為 App 添增子網域 +slug: Archive/Mozilla/Marketplace/Publishing/Adding_a_subdomain +translation_of: Archive/Mozilla/Marketplace/Publishing/Adding_a_subdomain +--- +<div class="summary"> + <p>一組來源網域僅限容納一個 App。但若要打破此限制,則可為 App 新增子網域。每個子網域就代表不同的來源,例如 <code>app1.example.com 或 </code><code>app2.example.com</code>。建立子網域很簡單,而且大多數的網域托管服務供應商也都不額外收費。服務供應商一般會免費提供特定數量的子網域。以下即為子網域的新增範例。</p> +</div> +<h2 id="新增子網域的常見步驟">新增子網域的常見步驟</h2> +<ol> + <li>登入托管服務供應商的管理介面,找到自己所使用的網域。</li> + <li>找到設定網域的頁面。</li> + <li>找到可新增子網域的功能。</li> + <li>新增子網域、指定子網域檔案的儲存路徑、儲存你所完成的變更。</li> + <li>將自己的 App 檔案放進你在上個步驟所指定的伺服器路徑中。</li> + <li>實際以瀏覽器開啟該路徑,檢驗新的子網域已確實產生。</li> +</ol> +<p>接著將說明該如何透過特定托管工具新增子網域。</p> +<h2 id="以_cPanel_新增子網域">以 cPanel 新增子網域</h2> +<p>這裡提供 cPanel 建立子網域的範例。cPanel 是 Web 托管控制台,已有多家托管服務供應商採用。每個開發者的 cPanel 頁面可能因設定方式而略有不同。這裡僅提供整個介面的基本概念。</p> +<ol> + <li>登入 cPanel。</li> + <li>往下捲動找到「Domains」區塊。 + <p><img alt="" src="/files/4007/cpanel-domains1.png" style="width: 527px; height: 181px;"></p> + </li> + <li>點擊「<em>Subdomains</em>」即開啟「<em>Subdomains</em>」頁面。 + <p><img alt="" src="/files/4011/subdomain.png" style="width: 802px; height: 300px;"></p> + </li> + <li>在「<em>Subdomain</em>」文字框中輸入子網域名稱。我們這裡先以「newsubdomain」為例。</li> + <li>再點入「<em>Document Root</em>」文字框。隨著顯示的路徑,就是儲存新子網域檔案的路徑。我們這裡先以「<code>/public_html/newsubdomain</code><code>」為例。如果開發者想把 App 檔案儲存到其他位址,亦可依自己需要更改。假設你的 App 檔案位於「</code><code>public_html/gamedev_com/games/coolgame/</code><code>」,則可於「</code>Document Root<code>」文字框中鍵入該路徑。</code><img alt="Document root" src="/files/4035/subdomain2.png" style="width: 768px; height: 163px;"></li> + <li>點擊「<em>Create</em>」按鈕,即可收到確認訊息。</li> + <li>將 App 檔案放進你指定的子網域路徑中。我們這裡先使用名為「<code>index.html</code>」的簡單 HTML,將顯示「This is on a new subdomain!」。</li> + <li>確認新的子網域現已存在。開啟瀏覽器並輸入新的網域名稱。根據我們所使用的範例,即如下圖所示: + <p><img alt="New subdomain in browser" src="/files/4037/subdomain3.png" style="width: 696px; height: 204px;"></p> + </li> +</ol> +<h2 id="以_Go_Daddy_新增子網域">以 Go Daddy 新增子網域</h2> +<p>可觀看此<a href="http://www.youtube.com/watch?v=Nw5mi8ihA5A" title="http://www.youtube.com/watch?v=Nw5mi8ihA5A">影片</a>,為 Go Daddy 所托管的網域添增子網域。</p> +<div> + </div> diff --git a/files/zh-tw/archive/mozilla/marketplace/publishing/creating_a_store/index.html b/files/zh-tw/archive/mozilla/marketplace/publishing/creating_a_store/index.html new file mode 100644 index 0000000000..968dce2720 --- /dev/null +++ b/files/zh-tw/archive/mozilla/marketplace/publishing/creating_a_store/index.html @@ -0,0 +1,22 @@ +--- +title: 設立自己的 App 商店 +slug: Archive/Mozilla/Marketplace/Publishing/Creating_a_store +translation_of: Archive/Marketplace/Options/Creating_a_store +--- +<div class="summary"> + <p>任何 Web 網站若具備豐富的圖片與互動經驗,則 Web 瀏覽器可透過Mozilla 的 App 專案平台,將這類網站識別為「Web App」,進而能跨裝置安裝並同步這些網站。開發者現可透過此項特性,將已發佈的 App 整理到目錄與商店中。接著說明相關步驟。</p> +</div> +<h2 id="與瀏覽器整合">與瀏覽器整合</h2> +<p>App 平台即提供「<a href="https://developer.mozilla.org/en-US/docs/Web/API/navigator.mozApps" title="Returns an Apps object you can use to install, manage, and control Open Web Apps in the browser."><code>navigator.mozApps</code></a>」這個 JavaScript 物件,可作為商店與瀏覽器之間的溝通橋樑。</p> +<p>Web App 是根據其網域所辨識而得。而一個來源網域就只會有一個 App。針對目錄或商店,開發者可透過 <a href="https://developer.mozilla.org/en-US/Apps/Developing/JavaScript_API">App Installation API 與 App Management API</a>,讓瀏覽器觸發 <a href="https://developer.mozilla.org/en-US/docs/Web/API/apps.install" title="Triggers the installation of an app. During the installation process, the app is validated and the user is prompted to approve the installation."><code>apps.install</code></a> 函式並提示 App 的安裝作業,另提供 App 的 manifest 檔案網址,以及任何想要補充的後設資料 (metadata)。開發者可存取此筆後設資料,以查閱消費者的購買資訊、確認單一登入狀態 (SSO),或其他服務。</p> +<h3 id="使用_getInstalled()">使用 getInstalled()</h3> +<p>只要 App 是根據你的網域而安裝於目前的瀏覽器上,均可透過 <a href="https://developer.mozilla.org/en-US/docs/Web/API/Apps.getInstalled"><code>navigator.mozApps.getInstalled()</code></a> 函式取得此類 App 的清單。另請注意,開發者不會看到其他網域所安裝的 App,只會看到放在自己網域中的 App。</p> +<p>開發者可透過此函式而了解消費者安裝的 App 是否符合你的預期。即使消費者是以新帳戶登入你的網站,亦可透過「resync」功能而再次安裝既有的 App。</p> +<h2 id="到底該不該托管?">到底該不該托管?</h2> +<p>針對托管式 App,商店只需該網站的 manifest 網址,即可觸發 App 的安裝作業 (<a href="https://developer.mozilla.org/en-US/docs/Web/API/apps.install" title="Triggers the installation of an app. During the installation process, the app is validated and the user is prompted to approve the installation."><code>apps.install</code></a>)。該 App 檔案不一定要儲存於商店或目錄之下。</p> +<p>如果 App 沒有伺服器的邏輯元件 (也就是完全以用戶端 JavaScript、HTML、CSS 所建構的 App),開發者就可能會想建構出托管功能。此時必須為各 App 指派不同的網域名稱,並針對各 App 的 manifest 檔案建構伺服邏輯,才能使用托管功能。</p> +<p>如果你現在正自行托管 App 邏輯,則可輕鬆維護和消費者之間的會話 (Session),進而追蹤消費者的喜好、購買證明,或其他服務。如果你要針對遠端網站提供服務,就必須完成額外作業,才能支援分散式的認證系統。</p> +<div class="note"> + <p><strong>注意:</strong><a href="http://firefox-marketplace-api.readthedocs.org/en/latest/">Firefox Marketplace API</a> 內含的功能,讓開發者只耗費最小程度的心血,即可迅速設立自己的 App 商店。</p> +</div> +<p> </p> diff --git a/files/zh-tw/archive/mozilla/marketplace/publishing/index.html b/files/zh-tw/archive/mozilla/marketplace/publishing/index.html new file mode 100644 index 0000000000..280345b59e --- /dev/null +++ b/files/zh-tw/archive/mozilla/marketplace/publishing/index.html @@ -0,0 +1,9 @@ +--- +title: Publishing +slug: Archive/Mozilla/Marketplace/Publishing +tags: + - NeedsTranslation + - TopicStub +translation_of: Archive/Mozilla/Marketplace/Publishing/Introduction +--- +<p>Marketplace publishing</p> diff --git a/files/zh-tw/archive/mozilla/marketplace/publishing/introduction/index.html b/files/zh-tw/archive/mozilla/marketplace/publishing/introduction/index.html new file mode 100644 index 0000000000..0cdc397b2e --- /dev/null +++ b/files/zh-tw/archive/mozilla/marketplace/publishing/introduction/index.html @@ -0,0 +1,87 @@ +--- +title: 介紹 — App 發佈流程 +slug: Archive/Mozilla/Marketplace/Publishing/Introduction +translation_of: Archive/Mozilla/Marketplace/Publishing/Introduction +--- +<div class="summary"> + 你到這裡應該已經知道該如何<a href="/en-US/Marketplace/Prepare/Introduction">打造成功的 App</a>、選擇 <a href="/en-US/Marketplace/Options/Introduction">App 發佈平台 (甚或發佈到 Firefox OS 以外的平台)</a>、撰寫並側試過自己的程式碼。現在應該著手將 App 發表給全球的使用者知道,並於 Firefox Marketplace 上發佈。本文將引導你<span class="seoSummary">完成相關程序,讓你順利於 Firefox Marketplace 上發佈自己的 Open Web App,並能隨時更新檔案及有用的附加資訊。 </span></div> +<div class="column-container"> + </div> +<div class="row topicpage-table"> + <div class="section"> + <h2 class="Community" id="Community" name="Community">發佈指南</h2> + <dl> + <dt> + <a href="/en-US/Marketplace/Publishing/Submission_checklist">提交作業檢查清單</a></dt> + <dd> + 提交 App 前的準備工作。</dd> + <dt> + <a href="/en-US/Marketplace/Publishing/Marketplace_review_criteria">Marketplace 審查</a></dt> + <dd> + 審查 App 時的程序與準則。</dd> + <dt> + <a href="/en-US/Marketplace/Publishing/Pricing/Introduction">設定付費 App 與應用程式內付款 (In-app payment)</a></dt> + <dd> + Marketplace 的相關功能,可設定付費式 App 與應用程式內的付款項目。另將說明 Firefox Marketplace 是如何使用第三方的付費服務,並建立廠商的帳戶。</dd> + </dl> + <h2 class="Community" id="Community" name="Community">策略與指南</h2> + <dl> + <dt> + <a href="/en-US/Apps/Build/Icon_implementation_for_apps#Firefox_OS">圖示 (應用程式中心)</a></dt> + <dd> + 根據 Firefox OS 的不同版本,取得詳細的圖示尺寸。</dd> + </dl> + <dl> + <dt> + <a class="external external-icon" href="https://www.mozilla.org/en-US/styleguide/products/firefox-os/icons/">圖示設計 (Mozilla 風格指南)</a></dt> + <dd> + 你的 App 或 In-app 產品圖示,必須符合圓形或方形設計。進一步參閱 Mozilla 風格指南。</dd> + </dl> + <dl> + <dt> + <a href="https://developer.mozilla.org/en-US/Marketplace/Publishing/Policies_and_Guidelines/Privacy_policies#Mozilla_Marketplace_privacy_requirements">隱私權政策</a></dt> + <dd> + 如果你的 App 會取得使用者的個人資料,就必須另外具備隱私權政策。指南內所提供的資訊,均必須納入你的 App 隱私權政策之中。</dd> + </dl> + <dl> + <dt> + <a href="https://developer.mozilla.org/en-US/Marketplace/Publishing/Policies_and_Guidelines/Marketplace_screenshot_criteria">擷圖指南</a></dt> + <dd> + 若要讓自己的 App 在 Marketplace 順利上架,所提供的擷圖必須符合相關規範。</dd> + <dt> + <a href="https://developer.mozilla.org/en-US/Marketplace/Publishing/Policies_and_Guidelines/Testing_and_troubleshooting">App 測試與疑難排解</a></dt> + <dd> + 帶領你設定測試環境、實際測試 App,並解決你所發現的問題或錯誤。</dd> + </dl> + </div> + <div class="section"> + <h2 class="Community" id="Community" name="Community">提交 App</h2> + <dl> + <dt> + <a href="/en-US/Marketplace/Publishing/Submit/Overview">App 提交程序指南</a></dt> + <dd> + 你已經準備好發佈第一個 App;也可能要以自己沒用過的方式封裝/發佈 App。到這裡了解該如何將 App 提交到 Firefox Marketplace 之上。</dd> + </dl> + <h2 class="Community" id="Community" name="Community">更新 App</h2> + <dl> + <dt> + <a href="/en-US/Marketplace/Publishing/Updating_apps">更新 App</a></dt> + <dd> + 不論是要添增新功能或是修正錯誤 (當然最好不要是錯誤),定期提供 App 更新檔,才能保持 App 的能見度。本文將說明應如何透過 Firefox Marketplace 遞交 App 的更新檔案。</dd> + </dl> + <h2 class="Community" id="Community" name="Community">管理已發佈的 App</h2> + <dl> + <dt> + <a href="/en-US/Marketplace/Publishing/Managing_your_apps/Introduction_Managing_your_apps">App 管理指南</a></dt> + <dd> + 在發佈 App 之後,你可能想更改某個地方,或了解消費者對該 App 的接受度為何。本文將帶領你變更 App 的狀態、檢視統計資料、檢查於 Firefox Marketplace 上所獲得的評價。</dd> + </dl> + <h2 id="更多工具">更多工具</h2> + <dl> + <dt> + <a href="/en-US/Marketplace/Publishing/Adding_a_subdomain">為自己的 App 添增子網域</a></dt> + <dd> + 如果要從自己的網站上提供超過 1 個的架設/托管式 (Hosted) App,就必須逐一建立子網域。本文將說明添增子網域的方式。</dd> + </dl> + </div> +</div> diff --git a/files/zh-tw/archive/mozilla/marketplace/publishing/managing_your_apps/app_statistics/index.html b/files/zh-tw/archive/mozilla/marketplace/publishing/managing_your_apps/app_statistics/index.html new file mode 100644 index 0000000000..6454ca8f31 --- /dev/null +++ b/files/zh-tw/archive/mozilla/marketplace/publishing/managing_your_apps/app_statistics/index.html @@ -0,0 +1,66 @@ +--- +title: App 統計資料 +slug: Archive/Mozilla/Marketplace/Publishing/Managing_your_apps/App_Statistics +translation_of: Archive/Mozilla/Marketplace/Publishing/Managing_your_apps/App_Statistics +--- +<div class="summary"> +<p>Firefox Marketplace 可提供 App 的多樣統計資料。本文將說明應如何取得自己<span class="seoSummary"> App 在 Firefox Marketplace 上的統計資料、報表資料的呈現方式,另可審閱報表內的特定資訊、可用的報表,並使用已匯出的報表資料。</span></p> +</div> + +<h2 id="取得_App_的狀態">取得 App 的狀態</h2> + +<p>若要取得任何已發佈 App 的狀態,須先到 Firefox Marketplace 點擊「<strong>開發者交流中心 (Developer Hub)</strong>」,再進入「我的提交 (<strong>My Submissions)</strong>」。所有已發佈的 App 都能看到 (1)「統計資訊 (<strong>Statistics</strong>)」連結。</p> + +<p><img alt="In My Submissions, for each published app you will find a link to the app's stats page" src="https://mdn.mozillademos.org/files/8281/Stats%20link.png" style="width: 990px; height: 210px;"></p> + +<h2 id="報表介紹">報表介紹</h2> + +<p>在開啟了 App 的統計資訊之後,就會進入下方的統計資料表。此頁將摘要呈現目前可用的統計報表資料。</p> + +<p><img alt="The stats dashboard provides a visual summary of your app's stats and links to the 5 reports" src="https://mdn.mozillademos.org/files/8285/Stats%20Dashboard.png" style="width: 1041px; height: 723px;"></p> + +<p>開發者可在此頁看到下列報表:</p> + +<ul> + <li><strong>Installs</strong>:App 完整安裝的次數</li> + <li><strong>Visits</strong>:App 在 Marketplace 列表頁面受消費者瀏覽的次數</li> + <li><strong>Ratings</strong>:提交給 App 的評分</li> + <li><strong>Abuse Reports</strong>:提交給 App 的濫用回報次數</li> + <li><strong>Average Rating</strong>:App 目前所接收的平均評分</li> +</ul> + +<p>每組報表均為相同的基礎架構,如下所示:</p> + +<p><img alt="All reports follow the same basic structure with date selector, region selector (Installs report only) graph, JSON export option and daily summary." src="https://mdn.mozillademos.org/files/8287/Report%20layout%20overview.png" style="width: 1045px; height: 1026px;"></p> + +<ol> + <li>日期選擇 — 可設定報表應顯示的開始\結束日期。</li> + <li>地區選擇 (僅 Installs 報表) — 可設定報表應顯示全世界活動資料,或個別國家\地區的資料。 + <div class="warning">在本文撰寫期間,此功能因資料加總功能的問題,先予以關閉。可參閱 <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1028448">Bug 1028448</a>。</div> + </li> + <li>「更新」按鈕 — 依照目前日期與地區設定,重新整理報表內容。</li> + <li>按每日顯示的活動圖表。</li> + <li>JSON 匯出選項。</li> + <li>其他按每日顯示的活動圖表。</li> +</ol> + +<h2 id="使用匯出的資料">使用匯出的資料</h2> + +<p>你可能想在其他試算表應用中使用匯出的資料。目前尚無主流的試算表應用程式 (Microsoft 的 Excel、Apple 的 iWorks Numbers、OpenOffice 的 Calc) 能支援 JSON 格式的資料匯入功能。解決方案就是將 JSON 轉檔為 CSV 格式。此檔案格式可用於大多數的試算表應用程式。目前有許多 JSON to CSV 的線上轉檔功能:</p> + +<ul> + <li><a href="http://www.convertcsv.com/json-to-csv.htm">Convert JSON to CSV</a> 有多樣的 CSV 輸出選項,可轉換檔案或黏貼文字 (例如冒號與分號可用其他分隔符號替代),並針對轉換完成的資料提供文字顯示與 CSV 檔案下載。</li> + <li><a href="https://json-csv.com/">JSON to CSV - Online converter</a> 有多樣的 CSV 輸出選項,可轉換檔案或黏貼文字 (冒號、標籤、分號),並可顯示格式化的表格,亦可下載轉換過的資料與 CSV 檔案。另可針對轉換過的 JSON 資料建立永久連結。但免費版本將限制來源檔案須 1Mb 以下。</li> + <li><a href="http://konklone.io/json/">JSON to CSV</a> - 可將 JSON 資料貼上頁面並顯示資料表格。而資料即可下載為 CSV 檔案。你也可依照自己需要,建立 JSON\頁面的永久連結。其原始碼<a href="https://github.com/konklone/json">架設於 GitHub</a> 上,且該作者另透過<a href="http://sunlightfoundation.com/blog/2014/03/11/making-json-as-simple-as-a-spreadsheet/">此部落格文章說明此專案的背景。</a></li> +</ul> + +<p>此外還有下列資源提供程式碼,讓你能針對不同的試算表應用程式,建立自動匯入功能:</p> + +<ul> + <li>Excel + <ul> + <li><a href="https://code.google.com/p/vba-json/">VBA-JSON</a></li> + <li><a href="http://www.ediy.co.nz/vbjson-json-parser-library-in-vb6-xidc55680.html">VB-JSON</a></li> + </ul> + </li> +</ul> diff --git a/files/zh-tw/archive/mozilla/marketplace/publishing/marketplace_screenshot_criteria/index.html b/files/zh-tw/archive/mozilla/marketplace/publishing/marketplace_screenshot_criteria/index.html new file mode 100644 index 0000000000..76f2576eff --- /dev/null +++ b/files/zh-tw/archive/mozilla/marketplace/publishing/marketplace_screenshot_criteria/index.html @@ -0,0 +1,80 @@ +--- +title: Marketplace 截圖準則 +slug: Archive/Mozilla/Marketplace/Publishing/Marketplace_screenshot_criteria +translation_of: >- + Archive/Mozilla/Marketplace/Publishing/Policies_and_Guidelines/Marketplace_screenshot_criteria +--- +<div class="summary"> + <p>在將 App 提交至 Firefox Marketplace 時,開發者必須提供 1 幅或更多截圖以供使用。Marketplace 另提供此類截圖的非硬性規範,可作為開發者截圖時的準則。如果 App 截圖均未能符合本篇文章所載明的規範,則可能會要求開發者提交新的截圖。</p> +</div> +<h2 id="截圖概述">截圖概述</h2> +<ul> + <li>開發者所上傳的截圖會出現在 + <ul> + <li>各個 App 的頁面</li> + <li>如果 App 榮獲編輯或館長推薦,也會出現在「精選 App」的類似區塊中</li> + <li>Marketplace 中的多樣選單或動態播放區</li> + </ul> + </li> + <li>Marketplace 接受 3 種不同規格,共 1 ~ 6 組截圖: + <ul> + <li>手機 (直幅或橫幅)</li> + <li>平板電腦</li> + <li>桌上型電腦 (一般應達 1024x768 或以上)</li> + </ul> + </li> + <li>根據 App 所支援裝置的規格,至少各需提供 1 組截圖。</li> +</ul> +<h2 id="截圖重點">截圖重點</h2> +<ul> + <li>應要儘量呈現自己的 App 特色與功能</li> + <li>可能的話,應移除狀態列 (一般均位於手機畫面最上方,顯示時間、電池電量、電信營運商名稱等硬體資訊)</li> + <li>儘量以實體裝置取得截圖,較模擬器取得的截圖為佳</li> + <li>避免將 App 放入裝置或桌機的圖片中 + <ul> + <li>若將 App 放入裝置或桌機的圖片中,就必須縮小 App 的介面而看不清楚</li> + <li>你所呈現的裝置或桌機介面,極可能與消費者本身所使用的介面有所不同</li> + </ul> + </li> + <li>避免「手拿」手機、螢幕、平板電腦的照片</li> + <li>Marketplace 中的 App 不會用於瀏覽器中,所以避免呈現出瀏覽器的介面 (工具列、網址列、上/下一頁等)</li> + <li>儘量以最少的文字解釋該介面,而不要淪為打廣告</li> + <li>避免使用與 App 本身無關的圖素</li> + <li>避免出現邊框</li> + <li>截圖將依照上傳的順序來呈現。開發者應先上傳最漂亮的截圖</li> +</ul> +<p>總而言之,截圖應該以 App 為重點,而不是 App 周圍的情境。</p> +<h2 id="尺寸與格式">尺寸與格式</h2> +<p>截圖可為 JPG 與 PNG 格式。若是較能保有原來解析度的 PNG-24 最好。如果是 JPG 格式,則應儘量使用最小幅度的壓縮並設定為最高圖像品質。</p> +<h3 id="建議尺寸">建議尺寸</h3> +<table class="standard-table"> + <thead> + <tr> + <th scope="col">裝置規格</th> + <th scope="col">建議的解析度</th> + </tr> + </thead> + <tbody> + <tr> + <td>手機</td> + <td> + <p>320x480 的倍數、720x1280 的倍數;或 480x320 的倍數、1280x720 的倍數</p> + </td> + </tr> + <tr> + <td>平板電腦</td> + <td>1024x768 的倍數、1280x800 的倍數</td> + </tr> + <tr> + <td>桌上型電腦</td> + <td>1280x800 的倍數、1440x900 的倍數</td> + </tr> + </tbody> +</table> +<h2 id="範例">範例</h2> +<p>不要出現與 App 無關的圖素,如廣告或商標。</p> +<p><img alt="" src="https://mdn.mozillademos.org/files/6313/no-ads.png" style="width: 640px; height: 360px;"></p> +<p>不要提供「手拿著裝置」的照片,或將截圖編輯到實體裝置之上。</p> +<p><img alt="" src="https://mdn.mozillademos.org/files/6315/no-hand.png" style="width: 640px; height: 360px;"></p> +<p>截圖不需使用/添加裝置的邊框、不必要的文字、其他不必要的特色。</p> +<p><img alt="" src="https://mdn.mozillademos.org/files/6317/no-simulated-device.png" style="width: 640px; height: 360px;"></p> diff --git a/files/zh-tw/archive/mozilla/marketplace/publishing/packaged_apps/index.html b/files/zh-tw/archive/mozilla/marketplace/publishing/packaged_apps/index.html new file mode 100644 index 0000000000..cf9937c110 --- /dev/null +++ b/files/zh-tw/archive/mozilla/marketplace/publishing/packaged_apps/index.html @@ -0,0 +1,75 @@ +--- +title: 封裝式 (Packaged) App +slug: Archive/Mozilla/Marketplace/Publishing/Packaged_apps +translation_of: Archive/Mozilla/Marketplace/Options/Packaged_apps +--- +<p><span class="seoSummary"><strong>封裝式</strong><strong> (Packaged) App</strong> 屬於 Open Web App,即以 ZIP 壓縮檔納入其 HTML、CSS、JavaScript、manifest 檔案等所有資源,不像之前必須將資源置於網路伺服器之中。本篇文章將為開發者提供封裝式 App 的相關說明 。</span></p> +<p>封裝式 App 為 ZIP 壓縮檔,內含 Open Web App 能夠運作的所有資源,並將 <a href="https://developer.mozilla.org/docs/Apps/Manifest">manifest</a> 檔案置於其根目錄之下,且此 manifest 檔案將提供 App 本身的說明、圖示等資訊,以利辨識出已安裝的 App。此封包接著可將 App 安裝到 Firefox OS 裝置、<a href="https://developer.mozilla.org/en-US/Marketplace/Options/Open_web_apps_for_android">Android 裝置</a>、<a href="https://developer.mozilla.org/en-US/Marketplace/Options/Open_web_apps_for_desktop">桌機</a>之中。一旦在裝置上安裝 App 之後,仍可存取 Web 上的資源,如伺服器上的資料庫。</p> +<p><a href="https://developer.mozilla.org/zh-TW/Apps/Developing/Packaged_apps/Packaged_apps$edit#types_of_packaged_apps">封裝式 App 另可分為三類:</a>Web App、Privileged App、Certified App。封裝式 App 可作為任何形式的 Open Web App;Privileged 與 Certified App 則是透過數位簽章的方式,啟動 <a href="https://developer.mozilla.org/en-US/Apps/Build/App_permissions">Privileged 與 Certified API</a>。Privileged App 簽章之後即成為 Marketplace 審查流程的一部分;Certified App 則是由裝置製造商或電信營運商進行簽章。</p> +<p>封裝式 App 除了能使用 Privileged 與 Certified API 之外,也能在安裝之後更快取得裝置的資源,達到更快的首次啟動速度。基於這些特色,我們也針對 Firefox OS 裝置、<a href="https://developer.mozilla.org/en-US/Marketplace/Options/Open_web_apps_for_android">Android 裝置</a>、<a href="https://developer.mozilla.org/en-US/Marketplace/Options/Open_web_apps_for_desktop">桌機</a>,均建議以封裝式 App 的形式提供 Open Web App。</p> +<div class="note"> + <p><strong>注意:</strong>目前 Firefox Marketplace 上所支援的付費封裝式 App,僅限為 Firefox OS App。而免費封裝式 App 已可支援 Firefox OS、行動版 Firefox (Firefox for Android)、桌面版 Firefox。現正開發可支援所有平台的付費 App。</p> +</div> +<div class="note"> + <p><strong>注意:</strong>你會在 Firefox 開發者工具的「應用程式管理員 (App Manager)」看到「manifest」中文翻譯為「安裝資訊檔」。</p> +</div> +<h2 id="封裝式_App_的類型"><strong>封</strong>裝<strong>式</strong><strong> App </strong><strong>的類型</strong></h2> +<p>封裝式 App 可分為 Web App、Privileged App、Certified App,且均可對應 Firefox OS 不同程度的 <a href="https://developer.mozilla.org/en-US/Firefox_OS/Security/Security_model#App_Security">App 安全性</a>模式。接著將提供進一步資訊。</p> +<h3 id="Web_app">Web app</h3> +<p>Web App 不會使用 Privileged 或 Certified API。在提交到 Marketplace 之後,App 的封包隨即簽章完成,但仍尚未執行 Privileged 或 Certified App 所使用的特殊授權程序。也因此 Web App 不能使用 Privileged 或 Certified API。這些 App 也不需要 Privileged 與 Certified App 所必備的<a href="https://developer.mozilla.org/en-US/Apps/CSP">內容安全政策</a> (CSP)。</p> +<p>這種封裝式 App 的 <code>manifest.webapp</code> 檔案中,不需要 <code>type</code> 欄位。其 <code>type</code> (<code>web</code>) 的預設值就是正確的值。</p> +<p>Web App 可<a href="https://developer.mozilla.org/en-US/Marketplace/Options/Self_publishing">自行發佈</a>,或可透過 Firefox Marketplace 發佈。Web App 亦可透過<a href="https://developer.mozilla.org/en-US/Marketplace/Options/Hosted_apps">架設/托管式 App</a> 的機制對外提供。</p> +<h3 id="Privileged_app">Privileged app</h3> +<dl> + <dt> + </dt> + <dd> + Privileged app 是由 Firefox OS Marketplace 以特殊程序核准之後發出。如果任一 App 要存取裝置上的特定 Sensitive API,則可為使用者提供更高的安全性。此種 App 即等同 iOS 或 Android 平台上的原生 App。若要指定為 Privileged App,必須在其 <code>manifest.webapp 檔案中添增</code> <a href="https://developer.mozilla.org/en-US/docs/Web/Apps/Manifest#type"><code>type</code></a> 欄位並設定為 <code>privileged</code>。App 所要存取的 privileged API,均必須加入 <a href="https://developer.mozilla.org/en-US/docs/Web/Apps/Manifest">manifest</a> 檔案的 <code>permissions</code> 欄位中。</dd> + <dd> + Firefox OS、Web runtimes for Android、桌機,將針對 Privileged App 強制使用下列 <a href="https://developer.mozilla.org/en-US/docs/Security/CSP/Introducing_Content_Security_Policy">CSP</a>:</dd> +</dl> +<dl> + <dd> + <pre>"default-src *; script-src 'self'; object-src 'none'; style-src 'self' 'unsafe-inline'"</pre> + <p>Privileged App 僅能透過 Firefox Marketplace 發佈。</p> + </dd> + <dt> + </dt> +</dl> +<h3 id="Certified_app">Certified app</h3> +<dl> + <dt> + </dt> + <dd> + <div class="geckoVersionNote"> + <p>一般第三方開發者並不會接觸到 Certified App;且 Certified App 也不會透過 Firefox Marketplace 發佈。這類 API 的長遠目標,就是要讓本身的憑證更完善、更具公信力,進而也能作為 Privileged API。如果你不是很想架構特定的 API,也可直接在 <a href="https://lists.mozilla.org/listinfo/dev-webapps">dev-webapps</a> 郵件群組中反應。</p> + </div> + </dd> + <dd> + Certified App 將透過 Certified API 而存取重要的系統功能,如智慧型手機上預設的撥號鍵盤,或系統設定 App。與 Privileged App 相較,並不會用於第三方 App,所以大多數的 App 開發者可忽略此類 App。除了所有的裝置許可均為隱式許可 (Implicit permission,意即不需要外部的使用者許可) 之外,Certified 與 Privileged App 大部分均屬於相似的封裝式 App。而 Certified App 必須取得 OEM 裝置或電信營運商裝置的許可,才能讓此隱式 App 使用重要 API。若要將 App 指定為 Certified App,則需於其 <code>manifest.webapp</code> 檔案中添增 <a href="https://developer.mozilla.org/en-US/docs/Web/Apps/Manifest#type"><code>type</code></a> 欄位並設定為 <code>certified</code>。</dd> + <dd> + Firefox OS 則針對 Certified App 建構了下列 CSP: + <pre>"default-src *; script-src 'self'; object-src 'none'; style-src 'self'"</pre> + 與 Certified App 相較,Privileged App 則是針對 inline CSP 的影響而稍微放寬了限制。進一步了解其原因,可參閱<a href="https://wiki.mozilla.org/Apps/CSP">預設 CSP</a> 與 <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=768029">Bug 768029</a>。<br> + <br> + OEM 廠商與電信營運商均已將 Certified App 安裝到裝置之上。</dd> + <dt> + </dt> +</dl> +<h2 id="測試封裝式_App"><strong>測試封</strong>裝<strong>式</strong><strong> App</strong></h2> +<p>如果要透過 Firefox OS 模擬器 (Firefox OS Simulator),測試 Firefox OS 裝置在安裝封裝式 App 的情形,可參閱<a href="https://developer.mozilla.org/zh-TW/Firefox_OS/Using_the_App_Manager">《應用程式管理員 (App Manager)》</a>。開發者也能透過《<a href="https://developer.mozilla.org/zh-TW/docs/Mozilla/Marketplace/Publishing/Publish_options">App 發佈方式</a>》中的步驟,從一般網頁伺服器上安裝該 App 到裝置上。另請注意,如果你要自己發佈 App,就只能安裝封裝式 Web App。</p> +<h2 id="發佈封裝式_App">發佈封裝式 App</h2> +<p>有兩種方式可發佈封裝式 App:透過 Firefox Marketplace 或自行發佈。</p> +<h3 id="透過_Firefox_Marketplace_發佈">透過 Firefox Marketplace 發佈</h3> +<p>可參閱 <a href="https://developer.mozilla.org/en-US/Marketplace/Publishing">App Publishing</a>,將封裝式 App 提交到 Firefox Marketplace 之上。</p> +<p>在提交封裝式 App 時,其 zip 檔案即儲存於 Marketplace 伺服器之上,且 Marketplace 將根據封裝式 App 的 zip 檔案中的 manifest,產生新的「<strong>mini-manifest</strong>」檔案。在消費者安裝 App 時,隨即將 mini-manifest 傳送至 <a href="https://developer.mozilla.org/en-US/docs/Web/API/Apps.installPackage"><code>Apps.installPackage()</code></a> 函式以安裝該 App。僅安裝與更新程序才會使用 mini-manifest。App 執行期間並不會使用此檔案。</p> +<h3 id="自行發佈">自行發佈</h3> +<p>當然也能在 Firefox Marketplace 之外,也就是自己的網路伺服器上發佈封裝式 App。可參閱《<a href="https://developer.mozilla.org/en-US/Marketplace/Options/Self_publishing">自行發佈 App</a>》。</p> +<h2 id="更新封裝式_App"><strong>更新封</strong>裝<strong>式 A</strong>pp</h2> +<p>若要進一步了解更新作業,請參閱《<a href="https://developer.mozilla.org/docs/Apps/Updating_apps">更新 App</a>》。</p> +<h2 id="更多資訊">更多資訊</h2> +<ul> + <li><a href="https://developer.mozilla.org/en-US/Firefox_OS/Security/Security_model">Firefox OS 安全性概述</a></li> + <li><a href="https://developer.mozilla.org/en-US/Firefox_OS/Security/Application_security">應用程式安全性</a></li> + <li><a href="https://github.com/robnyman/Firefox-OS-Boilerplate-App" title="https://github.com/robnyman/Firefox-OS-Boilerplate-App">Firefox OS Boilerplate App</a></li> +</ul> diff --git a/files/zh-tw/archive/mozilla/marketplace/publishing/policies_and_guidelines/index.html b/files/zh-tw/archive/mozilla/marketplace/publishing/policies_and_guidelines/index.html new file mode 100644 index 0000000000..d914835648 --- /dev/null +++ b/files/zh-tw/archive/mozilla/marketplace/publishing/policies_and_guidelines/index.html @@ -0,0 +1,10 @@ +--- +title: Policies and Guidelines +slug: Archive/Mozilla/Marketplace/Publishing/Policies_and_Guidelines +tags: + - NeedsTranslation + - Structure + - TopicStub +translation_of: Archive/Mozilla/Marketplace/Publishing/Policies_and_Guidelines +--- +<p>This section contains Firefox Marketplace policies and guidelines</p> diff --git a/files/zh-tw/archive/mozilla/marketplace/publishing/policies_and_guidelines/introduction/index.html b/files/zh-tw/archive/mozilla/marketplace/publishing/policies_and_guidelines/introduction/index.html new file mode 100644 index 0000000000..230c5d714a --- /dev/null +++ b/files/zh-tw/archive/mozilla/marketplace/publishing/policies_and_guidelines/introduction/index.html @@ -0,0 +1,39 @@ +--- +title: 簡介 ─ 政策與指南 +slug: Archive/Mozilla/Marketplace/Publishing/Policies_and_Guidelines/Introduction +translation_of: Archive/Mozilla/Marketplace/Publishing/Policies_and_Guidelines/Introduction +--- +<div class="summary"><span class="seoSummary">本文將提供 Firefox Marketplace 所用的多項政策與指南。</span></div> + +<div class="column-container">下列政策與指南均為 Firefox Marketplace 所用:</div> + +<div class="column-container"> </div> + +<div class="row topicpage-table"> +<div class="section"> +<h2 class="Community" id="Community" name="Community">政策</h2> + +<dl> + <dt><a href="/en-US/Marketplace/Publishing/Policies_and_Guidelines/Privacy_policies#Mozilla_Marketplace_privacy_requirements">隱私權政策</a></dt> + <dd>如果 App 需用到消費者的個人資料,就必須提供隱私權政策。</dd> +</dl> +</div> + +<div class="section"> +<h2 class="Tools" id="Tools" name="Tools">指南</h2> + +<dl> + <dt><a href="/en-US/Marketplace/Publishing/Policies_and_Guidelines/Privacy_policies">隱私權政策</a></dt> + <dd>如果 App 需用到消費者的個人資料,則相關指南可提供 App 隱私權政策中所需的資訊。</dd> +</dl> + +<dl> + <dt><a href="/en-US/Marketplace/Publishing/Policies_and_Guidelines/Marketplace_screenshot_criteria">截圖指南</a></dt> + <dd>為 App 截圖的相關指南,且截圖亦可用於 Marketplace 上架展示。</dd> + <dt><a href="/en-US/Marketplace/Publishing/Policies_and_Guidelines/Testing_and_troubleshooting">App 測試與疑難排解</a></dt> + <dd>相關資訊將說明測試環境的設定方式,以利測試 App 並解決可能發現的問題。</dd> +</dl> +</div> +</div> + +<p> </p> diff --git a/files/zh-tw/archive/mozilla/marketplace/publishing/pricing/introduction/index.html b/files/zh-tw/archive/mozilla/marketplace/publishing/pricing/introduction/index.html new file mode 100644 index 0000000000..6c505166dd --- /dev/null +++ b/files/zh-tw/archive/mozilla/marketplace/publishing/pricing/introduction/index.html @@ -0,0 +1,57 @@ +--- +title: 簡介 — 制定 App 的價格 +slug: Archive/Mozilla/Marketplace/Publishing/Pricing/Introduction +translation_of: Archive/Marketplace/Publishing/Pricing/Introduction +--- +<div class="warning"> +<p>本文將陸續新增相關內容,請隨時注意更新資訊。</p> +</div> + +<div class="summary">要讓自己的 App 透過 Firefox Marketplace 獲得收益很簡單:為自己的帳戶設定 1 或更多的付款服務供應商,再設定 App 價格與發售國家 (免費 App 也能讓消費者升級為付費版本)。如果你要使用「應用程式內付款 (In-app payment)」功能,就必須取得 API 金鑰並定義 App 內販售的產品。本文將帶領你在 <span class="seoSummary">Firefox Marketplace</span> 中設定付費的<span class="seoSummary">Open Web App 及其內部販售產品,另提供有用的相關資訊。</span></div> + +<div class="column-container"> </div> + +<div class="row topicpage-table"> +<div class="section"> +<h2 class="Community" id="Community" name="Community">設定付費 App</h2> + +<dl> + <dt><a href="/en-US/Marketplace/Publishing/Pricing/Payment_Accounts">付費帳戶</a></dt> + <dd>設定帳戶的付款服務供應商,才能收取 App 售出及其內部付款的收益。</dd> + <dt>訂價 (敬請期待)</dt> + <dd>設定 App 價格與銷售國家等選項。</dd> + <dt><a href="/en-US/Marketplace/Publishing/Pricing/Promote_as_upgrade_to_free_version">以「升級」方式推廣</a></dt> + <dd>免費 App 亦可升級為付費 App。</dd> +</dl> + +<h2 class="Community" id="Community" name="Community">更多資訊</h2> + +<dl> + <dt> </dt> + <dt><a href="/en-US/Marketplace/Monetization/Validating_a_receipt">檢驗收據</a></dt> + <dd>該如何檢查消費者是否付款購買 App。</dd> + <dt><a href="/en-US/Marketplace/Monetization/App_pricing">價格點數</a></dt> + <dd>依國家訂價的相關資訊。</dd> +</dl> +</div> + +<div class="section"> +<h2 class="Community" id="Community" name="Community">設定應用程式內付款</h2> + +<dl> + <dt>取得自己的 API 金鑰 (敬請期待)</dt> + <dd>為自己的 App 取得 API 金鑰。</dd> + <dt><a href="/en-US/Marketplace/Publishing/Pricing/In-app_products">定義應用程式內販售的產品</a></dt> + <dd>於 Marketplace 上設定 fxPay 的應用程式內產品。</dd> +</dl> + +<h2 id="更多資訊">更多資訊</h2> + +<dl> + <dt><a href="/en-US/Marketplace/Monetization/Validating_a_receipt">檢驗收據</a></dt> + <dd>該如何檢查消費者是否付款購買 App 內販售的產品。</dd> +</dl> +</div> +</div> + +<p> </p> diff --git a/files/zh-tw/archive/mozilla/marketplace/publishing/pricing/payment_accounts/index.html b/files/zh-tw/archive/mozilla/marketplace/publishing/pricing/payment_accounts/index.html new file mode 100644 index 0000000000..e6938f4336 --- /dev/null +++ b/files/zh-tw/archive/mozilla/marketplace/publishing/pricing/payment_accounts/index.html @@ -0,0 +1,61 @@ +--- +title: 付款帳號 +slug: Archive/Mozilla/Marketplace/Publishing/Pricing/Payment_Accounts +translation_of: Archive/Marketplace/Publishing/Pricing/Payment_Accounts +--- +<div class="summary"> +<p>如果要在 Firefox Marketplace 設定付款 App 或應用程式內付款 (In-app payment) 產品,首先就是設定 1 家或更多的付款服務供應商。本文將說明 Firefox Marketplace 搭配多家供應商的理由、提交程序中所應完成的設定,另提供各家供應商的<strong>帳號</strong>資訊。</p> +</div> + +<h2 id="付款服務供應商">付款服務供應商</h2> + +<p>目前配合 Firefox Marketplace 活躍中的付款服務供應商就是「Bango」,當然 Firefox Marketplace 未來將支援其他供應商。付款服務供應商可新增其他付款選項,如付款類型、電信營運商、收款國家等。另間「Boku」供應商很快就會加入 Marletplace。供應商另可透過 Marketplace 讓消費者選用其服務;但目前尚未有供應商支援此一選項。</p> + +<div class="note"> +<p>在交易付費 App 時,均必須透過 Firefox Marketplace 中的付款服務供應商之一。如果 App 亦提供應用程式內付款的產品,也可配合其他供應商,但開發者必須自行滿足必要的推銷與技術需求。</p> +</div> + +<h2 id="供應商的功能">供應商的功能</h2> + +<p>所有的付款服務供應商必須達到下列:</p> + +<ul> + <li>只要消費者購買 App 或其內付款的產品,必須能透過消費者的信用卡或電信帳單收取款項。</li> + <li>將款項分配給開發者與 Mozilla (相關收入僅用以支付 Marketplace 發展與運作費用),並收取本次交易的費用。</li> + <li>提供開發者的收益報表。</li> +</ul> + +<h2 id="設定自己的付款帳號">設定自己的付款帳號</h2> + +<p>在<strong> </strong>Marketplace<strong> </strong>提交程序的「<strong>相容性與付款 (Compatibility & Payments)</strong>」頁面上,找到「<strong>付款帳號 (Payment Accounts)</strong>」區塊並設定付款服務供應商。</p> + +<p><img alt="The Payment Accounts section of the Compatibility and Pricing page" src="https://mdn.mozillademos.org/files/8031/Payment%20accounts.png" style="width: 1001px; height: 920px;"></p> + +<p>在設定付款帳號與供應商兩者時,所需的資訊有所不同。但同樣必備的資訊如下:</p> + +<ul> + <li>開發者的詳細資訊:姓名、地址、稅務編號、(如果你是以法人型態運作) 當地的公司登記資訊。</li> + <li>詳細的銀行帳號資訊:銀行名稱、分行地址、匯款代碼或類似編號、自己的銀行帳號。</li> +</ul> + +<div class="note"> +<p>在大多數的情況下,付款服務供應商也有在其他國家運作,因此會透過某些形式的國際銀行轉帳作業支付款項給開發者。這類交易都會需要收款銀行的識別代碼。常用的代碼有:</p> + +<ul> + <li>SWIFT/BIC — 此代碼可識別收款銀行。開發者可能必須另外提供分行撥款的帳號。</li> + <li>IBAN — 此代碼可一併識別收款銀行與你的帳號。</li> +</ul> + +<p>其實只要透過 Google 查詢自己開戶的銀行名稱與匯款代碼 (可能是 SWIFT 或 BIC 或 IBAN),往往都能找到銀行的相關資訊。可在你開戶銀行的網站上尋找「跨國轉帳」、「收取海外匯款」或類似字眼。此外還有某些工具可協助你找到相關代碼:</p> + +<ul> + <li><a href="https://ipsosepaservice.sentenial.com/ipso/">Irish Payment Services Organisation (IPSO) BIC and IBAN conversion tool</a> (僅限愛爾蘭銀行的帳號)。</li> +</ul> +</div> + +<p>以下連結可找到付款服務供應商的設定資訊:</p> + +<ul> + <li><a href="/en-US/Marketplace/Publishing/Pricing/Providers/Bango">Bango</a></li> + <li><a href="/en-US/Marketplace/Publishing/Pricing/Providers/Boku">Boku</a> (尚未啟用)</li> +</ul> diff --git a/files/zh-tw/archive/mozilla/marketplace/publishing/pricing/promote_as_upgrade_to_free_version/index.html b/files/zh-tw/archive/mozilla/marketplace/publishing/pricing/promote_as_upgrade_to_free_version/index.html new file mode 100644 index 0000000000..d0eb6c32a4 --- /dev/null +++ b/files/zh-tw/archive/mozilla/marketplace/publishing/pricing/promote_as_upgrade_to_free_version/index.html @@ -0,0 +1,26 @@ +--- +title: 建議升級 App 的免費版本 +slug: >- + Archive/Mozilla/Marketplace/Publishing/Pricing/Promote_as_upgrade_to_free_version +translation_of: Archive/Marketplace/Publishing/Pricing/Promote_as_upgrade_to_free_version +--- +<div class="summary"> +<p><span class="seoSummary">談到 App 的相容性與付款選項時,可讓 App 的免費版本升級為付費版本,並透過 Firefox Marketplace 提出此一推銷建議。此一選項可供消費者先體驗功能有所限制的 App,在決定是否購買完整功能的版本。或是免費版本會顯示廣告,付費版本則無廣告;或可為其他類似的組合。本文章說明設定方式,並讓 Firefox Marketplace 顯示升級資訊。</span></p> +</div> + +<p>在「相容性與訂價 (<strong>Compatibility & Pricing</strong>)」頁面底部,可看到「以升級至免費版本促銷 (<strong>Promote as upgrade to free version)</strong>」區塊。而在「<strong>這個付費版本升級此附加元件 (This is a paid upgrade of)</strong>」方塊中,你可選擇要哪些免費 App 可升級為付費 App。一旦選擇對應的免費版本 App 之後,就點擊「儲存變更 (<strong>Save Changes)</strong>」。</p> + +<p><img alt="Promote as upgrade to free version section of the Compatibility & Pricing page" src="https://mdn.mozillademos.org/files/8025/Promote%20as%20Paid.png" style="width: 749px; height: 196px;"></p> + +<p>一旦 App 通過審查並發佈於 Firefox Marketplace 之上,則免費 App 列表中就會出現下列附加資訊:</p> + +<ul> + <li>在手機上為:<br> + <img alt="The Premium version available notice and link in the listing of a free app on a Firefox OS device." src="https://mdn.mozillademos.org/files/8029/Premium%20version%20available%20(phone).png" style="width: 480px; height: 853px;"></li> + <li>在桌機上為:<br> + <img alt="The Premium version available notice and link in the listing of a free app." src="https://mdn.mozillademos.org/files/8027/Premium%20version%20available.png" style="width: 740px; height: 220px;"></li> +</ul> + +<p>若要進一步了解 App 的銷售方式,可參閱〈<a href="/en-US/Marketplace/Prepare/Choosing_your_business_model">選擇自己的商業模式〉。</a></p> + +<p> </p> diff --git a/files/zh-tw/archive/mozilla/marketplace/publishing/privacy_policies/index.html b/files/zh-tw/archive/mozilla/marketplace/publishing/privacy_policies/index.html new file mode 100644 index 0000000000..80c1bc6b62 --- /dev/null +++ b/files/zh-tw/archive/mozilla/marketplace/publishing/privacy_policies/index.html @@ -0,0 +1,28 @@ +--- +title: 隱私權政策制定指南 +slug: Archive/Mozilla/Marketplace/Publishing/Privacy_policies +translation_of: >- + Archive/Mozilla/Marketplace/Publishing/Policies_and_Guidelines/Privacy_policies +--- +<p>隱私權極難以界定,且牽涉到法律、社會規範、使用者期望等複雜的概念。不論是 App、網站、網頁、附加元件的開發者,都必須謹慎對待使用者的隱私權以獲得信賴。Mozilla 集結相關指南並制定極佳的隱私權政策,以協助開發者建構出注重隱私權的 App。但請注意,本文並無法取代真正律師所提供的實質法律服務。</p> +<h2 id="隱私權政策">隱私權政策</h2> +<p>隱私權政策用以闡述你對資料的處理方式。關鍵在於開發者<strong>蒐集</strong>、<strong>使用</strong>、<strong>儲存</strong>、<strong>共用</strong>、<strong>揭露</strong>個人資訊的方法。Mozilla 則集結成隱私權政策範本,讓開發者能簡單說明自己的隱私權政策。</p> +<pre><a href="https://github.com/flamsmark/privacy-policy-template" title="https://github.com/flamsmark/privacy-policy-template">https://github.com/flamsmark/privacy-policy-template</a> +</pre> +<p>首先請參閱 <a class="link-https" href="https://github.com/flamsmark/privacy-policy-template#readme" title="https://github.com/flamsmark/privacy-policy-template#readme">README</a>。此範本僅可協助你制定部分的隱私權政策。Mozilla 前提是協助開發者能更輕鬆制定隱私權政策,但無法保證此範本已經面面俱到。至少此範本能讓你注意到主要的隱私權問題並進一步思考。敬請使用該範本並自行強化不足的部份。</p> +<p>此範本也是很好的實作機會 (某些情況下必須兼顧適法性的問題)。開發者可透過隱私權政策讓消費者知道自己的資訊將何去何從。全世界有這麼多不同的國家,對使用者資料的蒐集、使用、儲存、揭露方式的要求也有所差異。開發者應透過律師了解不同的隱私權政策,並確實讓消費者得知自己應熟悉的要點。</p> +<h2 id="Mozilla_Marketplace_的隱私權要求">Mozilla Marketplace 的隱私權要求</h2> +<p>如果任一 App 或附加元件 (Add-on) 將蒐集消費者的資料,則開發者就必須提供隱私權政策並將之列於 Mozilla Marketplace 之中。</p> +<h2 id="設計_App_的隱私權要點">設計 App 的隱私權要點</h2> +<ul> + <li>設計自己的 App 或附加元件,而處理消費者資料的方式,務必與消費者心中所認知的方式一致。</li> + <li>儘量讓消費者能控制自己的資料,例如讓他們自行選擇是否允許資料蒐集作業。</li> + <li>限制自己的資料蒐集作業,只使用必要的資料。</li> + <li>設計自己的 App 與服務,以保護消費者資料在蒐集、儲存、使用過程中的安全性。</li> + <li>回答消費者對於隱私權的問題與懷疑之處。</li> + <li>避免不為消費者所知的更新作業。</li> + <li>將相關社交功能攤在陽光下,讓消費者確實知道自己正分享資料出去。</li> + <li>讓消費者能關閉自動分享的功能,或針對資料分享提供更多樣的選項。</li> + <li>必要時應取得消費者的許可,特別是當事人的地理位置或其他敏感資訊。</li> + <li>提供自己隱私權政策的連結。若有「使用條款」亦可於 App 內提供。</li> +</ul> diff --git a/files/zh-tw/archive/mozilla/marketplace/publishing/publish_options/index.html b/files/zh-tw/archive/mozilla/marketplace/publishing/publish_options/index.html new file mode 100644 index 0000000000..c7b213c18c --- /dev/null +++ b/files/zh-tw/archive/mozilla/marketplace/publishing/publish_options/index.html @@ -0,0 +1,145 @@ +--- +title: 自行發佈 App +slug: Archive/Mozilla/Marketplace/Publishing/Publish_options +translation_of: Archive/Mozilla/Marketplace/Options/Self_publishing +--- +<div class="summary"> + <p>開發者可能不想透過 Firefox Marketplace 發佈 App,例如你只想提供給組織內的成員、執行測試版 App,或只是自己試好玩的。本篇文章將說明開發者如何在 Firefox Marketplace 之外自行發佈 App。</p> +</div> +<h2 id="sect1"> </h2> +<p>Open Web App 可透過 {{ domxref("Apps.install") }} 或 {{ domxref("Apps.installPackage") }},安裝到 Firefox OS、執行 Firefox for Android 的裝置,或是執行桌面版 Firefox 的桌機之上。而這些 API 均會送出 manifest 檔案的網址,其內將敘述所將安裝的 App。因此要自行發佈 App 就必須滿足下列基本要求:</p> +<ol> + <li>伺服器必須裝載 App 的 manifest 檔案</li> + <li>伺服器必須裝載 (架設/托管式) App,或 (封裝式) App 的 ZIP 檔案</li> + <li>置於網站上的程式碼必須觸發合適的 {{ domxref("Apps.install") }} 或 {{ domxref("Apps.installPackage") }}</li> +</ol> +<h2 id="限制">限制</h2> +<p>在自己發佈 Open Web App 之前,必須注意下列限制:</p> +<ul> + <li>自行發佈的 App 不能使用 <a href="https://developer.mozilla.org/en-US/Apps/Build/App_permissions">Privileged API</a>。若要使用這類 API,則必須為封裝式 (Packaged) App 並具備自己的 ZIP 檔案,另需經由 Firefox Marketplace 提交程序而完成簽署。</li> + <li>你的 App 不能使用 Firefox Marketplace 的 App 內購買功能。</li> + <li>由於 App 無法在 Firefox Marketplace 上曝光,所以開發者必須自行研究 App 的發佈技術。</li> +</ul> +<h2 id="自行發佈封裝式_App"><strong>自行發佈封裝式</strong> App</h2> +<p>只要在伺服器上架設/托管 ZIP 檔案與其 mini-manifest,就能自行發佈封裝式 App。而 mini-manifest 必須置於 ZIP 相同的目錄之下,以利安裝程序能識別 App。接著可建立指令碼以觸發 {{ domxref("Apps.installPackage") }},送出 mini-manifest 的細節。可參閱下方以了解:</p> +<ol> + <li> + <p>將 App 的內容壓縮為 ZIP 並命名為 <code>package.zip</code>。 此檔案應容納 App 的所有資源檔案,並包含 (主要) <a href="https://developer.mozilla.org/en-US/Apps/Build/Manifest" title="Manifest documentation">manifest</a> 檔案。</p> + <div class="warning"> + <p>重要:請注意封裝式 App 所要壓縮的內容,不要包含檔案本身的目錄。如果你連母目錄都壓縮進去,則 manifest 檔案就位於錯誤地方,整個封裝式 App 隨即無效。</p> + </div> + </li> + <li>建立名為 <code>manifest.webapp</code> 的檔案,並加入以下內容。此檔案即所謂的 mini-manifest,也是封裝式 App 壓縮檔內的精簡版 manifest 檔案。而 {{ domxref("Apps.installPackage") }} 將使用 mini-manifest,以進行 App 的安裝程序。若要進一步了解細節,可參閱下方的 <a href="https://developer.mozilla.org/zh-TW/docs/Mozilla/Marketplace/Publishing/Publish_options$edit#Mini-manifest_fields">Mini-manifest 欄位</a>。<br> + <pre class="brush: js language-js"><code class="language-js"><span class="token punctuation">{</span> + <span class="token string">"name"</span><span class="token punctuation">:</span> <span class="token string">"My sample app"</span><span class="token punctuation">,</span> + <span class="token string">"package_path"</span> <span class="token punctuation">:</span> <span class="token string">"http://my-server.com/my-app-directory/package.zip"</span><span class="token punctuation">,</span> + <span class="token string">"version"</span><span class="token punctuation">:</span> <span class="token string">"1"</span><span class="token punctuation">,</span> + <span class="token string">"developer"</span><span class="token punctuation">:</span> <span class="token punctuation">{</span> + <span class="token string">"name"</span><span class="token punctuation">:</span> <span class="token string">"A. Developer"</span><span class="token punctuation">,</span> + <span class="token string">"url"</span><span class="token punctuation">:</span> <span class="token string">"http://my-server.com"</span> + <span class="token punctuation">}</span> +<span class="token punctuation">}</span></code></pre> + </li> + <li>建立可安裝 App 的指令碼。這裡我們使用了名為「<code>index.html</code>」的簡易 HTML 檔案。但你也可將指令碼新增至按鈕,或使用任何適當的函式,以於自己的網站上觸發作業。此頁面上的 JavaScript 將呼叫 Packaged App installer API ({{ domxref("Apps.installPackage") }}),並針對安裝作業的成功與否進行回呼 (Callback)。 + <pre class="brush: html language-html"><code class="language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>html</span><span class="token punctuation">></span></span> + <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>body</span><span class="token punctuation">></span></span> + <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>p</span><span class="token punctuation">></span></span>Packaged app installation page<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>p</span><span class="token punctuation">></span></span> + <span class="token script"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>script</span><span class="token punctuation">></span></span> + <span class="token comment"> // This URL must be a full url. +</span> <span class="token keyword">var</span> manifestUrl <span class="token operator">=</span> <span class="token string">'http://my-server.com/my-app-directory/manifest.webapp'</span><span class="token punctuation">;</span> + <span class="token keyword">var</span> req <span class="token operator">=</span> navigator<span class="token punctuation">.</span>mozApps<span class="token punctuation">.</span><span class="token function">installPackage<span class="token punctuation">(</span></span>manifestUrl<span class="token punctuation">)</span><span class="token punctuation">;</span> + req<span class="token punctuation">.</span>onsuccess <span class="token operator">=</span> <span class="token keyword">function</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span> + <span class="token function">alert<span class="token punctuation">(</span></span>this<span class="token punctuation">.</span>result<span class="token punctuation">.</span>origin<span class="token punctuation">)</span><span class="token punctuation">;</span> + <span class="token punctuation">}</span><span class="token punctuation">;</span> + req<span class="token punctuation">.</span>onerror <span class="token operator">=</span> <span class="token keyword">function</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span> + <span class="token function">alert<span class="token punctuation">(</span></span>this<span class="token punctuation">.</span>error<span class="token punctuation">.</span>name<span class="token punctuation">)</span><span class="token punctuation">;</span> + <span class="token punctuation">}</span><span class="token punctuation">;</span> + <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>script</span><span class="token punctuation">></span></span></span> + <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>body</span><span class="token punctuation">></span></span> +<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>html</span><span class="token punctuation">></span></span></code></pre> + </li> + <li>將「<code>package.zip</code>」、「<code>package.manifest</code>」、「<code>index.html」</code>複製到你指定的目錄中 (此範例則為 <code>my-app-directory</code>),即可在自己的伺服器或網站上設定檔案。</li> + <li>以相容設備 (如 Firefox OS 手機) 安裝 App。只要開啟 <code>index.html</code> 檔案 (此範例的路徑為 <code> <a class="LinkyMobile-ext" href="http://my-server.com/my-app-directory/package.manifest" title="Linkification: http://my-server.com/my-app-directory/package.manifest">http://my-server.com/my-app-directory/index.html</a></code>) 就會看到系統詢問是否要安裝該 App。繼續執行安裝步驟直到完畢,接著網頁指令就會顯示安裝作業是否成功。</li> +</ol> +<div class="note"> + <p>秘訣:你可於本端架設/托管 1 個封裝式 App,並於裝置中進行測試。伺服器與裝置必須位於同一個網路之上,而伺服器必須能接收本端網路的請求。你只要在 mini-manifest 檔案的 <code>package_path</code> 中加入絕對路徑即可。只要用相同的方式,正常情況就已經納入絕對路徑 (可參閱下方)。如果要使用非標準通訊埠,例如 <code><a class="LinkyMobile-ext" href="http://10.10.12.1:8080/package.zip" title="Linkification: http://10.10.12.1:8080/package.zip">http://10.10.12.1:8080/package.zip</a></code>,則記得應納入通訊埠的資訊。</p> +</div> +<h3 id="Mini-manifest_檔案的欄位">Mini-manifest 檔案的欄位</h3> +<p>如果要在 Firefox Marketplace 發佈 App,就不需擔心該如何建立 mini-manifest 檔案;Firefox Marketplace 可為開發者代勞。Marketplace 將使用 manifest 檔案中的相關資訊。可參閱《<a href="https://developer.mozilla.org/en-US/Apps/Build/Manifest">App 的 manifest 檔案</a>》一文。</p> +<p>如果要自行發佈 App,也就必須自行建立 mini-manifest 檔案。最好就是複製「主要」的 manifest 檔案,並依需求將之更新。先複製完整內容就能輕鬆建立 mini-manifest 檔案,因其內的 <code>name</code>、<code>version</code>、<code>developer</code>、<code>locales</code> 欄位必須完全相同。開發者亦可添增其他內容。mini-manifest 檔案專屬的欄位則包含 <code>package_path</code>、<code>release_notes</code>、<code>size</code>。</p> +<dl> + <dt> + <code>package_path</code> (必填)</dt> + <dd> + 儲存 App 壓縮檔的絕對路徑 (需為完整的網址,如 <code> <a class="LinkyMobile-ext" href="http://my-server.com/my-app-directory/package.manifest" title="Linkification: http://my-server.com/my-app-directory/package.manifest">http://my-server.com/my-app-directory/manifest.webapp</a></code>)</dd> + <dt> + <code>release_notes</code> (選填)</dt> + <dd> + App 版本資訊。在 Firefox Marketplace 的提交過程中,就必須提供此項資訊。</dd> +</dl> +<dl> + <dt> + <code>size</code> (選填)</dt> + <dd> + 以 byte 計算的 App 壓縮檔容量。而 {{ domxref("Apps.installPackage") }} 將使用此項資訊,才能在安裝過程中顯示安裝進度。</dd> +</dl> +<p>以下提供範例:</p> +<pre class="brush: js language-js"><code class="language-js"><span class="token punctuation">{</span> + <span class="token string">"name"</span><span class="token punctuation">:</span> <span class="token string">"My app"</span><span class="token punctuation">,</span> + <span class="token string">"package_path"</span><span class="token punctuation">:</span> <span class="token string">"http://thisdomaindoesnotexist.org/myapp.zip"</span><span class="token punctuation">,</span> + <span class="token string">"version"</span><span class="token punctuation">:</span> <span class="token string">"1.0"</span><span class="token punctuation">,</span> + <span class="token string">"size"</span><span class="token punctuation">:</span> <span class="token number">172496</span><span class="token punctuation">,</span> + <span class="token string">"release_notes"</span><span class="token punctuation">:</span> <span class="token string">"First release"</span><span class="token punctuation">,</span> + <span class="token string">"developer"</span><span class="token punctuation">:</span> <span class="token punctuation">{</span> + <span class="token string">"name"</span><span class="token punctuation">:</span> <span class="token string">"Developer Name"</span><span class="token punctuation">,</span> + <span class="token string">"url"</span><span class="token punctuation">:</span> <span class="token string">"http://thisdomaindoesnotexist.org/"</span> + <span class="token punctuation">}</span><span class="token punctuation">,</span> + <span class="token string">"locales"</span><span class="token punctuation">:</span> <span class="token punctuation">{</span> + <span class="token string">"fr-FR"</span><span class="token punctuation">:</span> <span class="token punctuation">{</span> + <span class="token string">"name"</span><span class="token punctuation">:</span> <span class="token string">"Mon application"</span> + <span class="token punctuation">}</span><span class="token punctuation">,</span> + <span class="token string">"se-SE"</span><span class="token punctuation">:</span> <span class="token punctuation">{</span> + <span class="token string">"name"</span><span class="token punctuation">:</span> <span class="token string">"Min balla app"</span> + <span class="token punctuation">}</span> + <span class="token punctuation">}</span><span class="token punctuation">,</span> + <span class="token string">"icons"</span><span class="token punctuation">:</span> <span class="token punctuation">{</span> + <span class="token string">"16"</span><span class="token punctuation">:</span> <span class="token string">"/icons/16.png"</span><span class="token punctuation">,</span> + <span class="token string">"32"</span><span class="token punctuation">:</span> <span class="token string">"/icons/32.png"</span><span class="token punctuation">,</span> + <span class="token string">"256"</span><span class="token punctuation">:</span> <span class="token string">"/icons/256.png"</span> + <span class="token punctuation">}</span> +<span class="token punctuation">}</span></code></pre> +<p>此範例中的其他欄位包含:</p> +<dl> + <dt> + <code>name</code> (必填)</dt> + <dd> + App 的名稱,最長 128 個字元。</dd> + <dt> + <code>version</code> (選填)</dt> + <dd> + App 的目前版本。</dd> + <dt> + <code>developer</code> (選填)</dt> + <dd> + 開發者的資訊,內含 <code>name</code> 與 <code>url</code> 欄位。而 mini-manifest 與 manifest 檔案中的開發者資訊必須相同。</dd> + <dt> + <code>locales</code> (選填)</dt> + <dd> + 語系資訊,必須為 <code>xx-YY</code> 格式。</dd> + <dt> + <code>icons</code> (選填)</dt> + <dd> + App 所使用的圖示。</dd> +</dl> +<p>若要進一步了解 manifest 檔案,可參閱《<a href="https://developer.mozilla.org/en-US/Apps/Build/Manifest" title="Manifest documentation">App 的 manifest 檔案</a>》。</p> +<h2 id="自行發佈架設托管式_App">自行發佈架設/托管式 App</h2> +<p>與封裝式 App 相較,如果你建立內容的方式,就與 Firefox Marketplace 發佈的方式相同,則自行發佈架設/托管式 (Hosted) App 就更簡單了。基本上就是為自己的 App 建立 <a href="https://developer.mozilla.org/en-US/Apps/Build/Manifest" title="Manifest documentation">manifest 檔案</a>。接著加入程式碼以觸發 {{ domxref("Apps.install") }}。此程式碼必須與上述封裝式 App 所用的相同。唯一不同點在於,你可對 manifest 檔案設立相對的參考位置。</p> +<h2 id="另請參閱">另請參閱</h2> +<ul> + <li><a href="https://developer.mozilla.org/en-US/Apps/Build/JavaScript_API">App 的 Installation 與 Management API</a></li> + <li>{{ domxref("Apps.install") }}</li> + <li>{{ domxref("Apps.installPackage") }}</li> + <li><a href="https://developer.mozilla.org/en-US/Apps/Build/Manifest" title="Manifest documentation">App 的 manifest 檔案</a></li> + <li><a href="https://developer.mozilla.org/en-US/Apps/Build/App_permissions">App 權限</a></li> +</ul> +<p> </p> diff --git a/files/zh-tw/archive/mozilla/marketplace/publishing/submission_checklist/index.html b/files/zh-tw/archive/mozilla/marketplace/publishing/submission_checklist/index.html new file mode 100644 index 0000000000..5f029ca0c3 --- /dev/null +++ b/files/zh-tw/archive/mozilla/marketplace/publishing/submission_checklist/index.html @@ -0,0 +1,72 @@ +--- +title: 提交作業檢查清單 +slug: Archive/Mozilla/Marketplace/Publishing/Submission_checklist +translation_of: Archive/Mozilla/Marketplace/Publishing/Submission_checklist +--- +<div class="summary"> + <p><span class="seoSummary">在將自己的 App 提交到 Firefox Marketplace 之前,當然該確認是否已經掌握了所有必要資源。本文則提供檢查項目與相關資訊的連結。</span></p> +</div> +<h2 id="提交作業檢查清單">提交作業檢查清單</h2> +<p>要完成 Firefox Marketplace 的提交程序,你需要:</p> +<h3 id="針對封裝式_(Packaged)_App">針對<a href="/en-US/Marketplace/Options/Packaged_apps">封裝式 (Packaged) App</a></h3> +<ul> + <li>將 App 封裝為 zip 檔案,並將 <a href="/en-US/Apps/Build/Manifest">manifest</a> 檔案至於根目錄中。</li> + <li>於 <a href="/en-US/Apps/Build/Manifest">manifest</a> 檔案中指定 <code><a href="https://developer.mozilla.org/en-US/docs/Web/Apps/Manifest#launch_path">launch_path</a></code>。</li> +</ul> +<h3 id="針對架設托管式_(Hosted)_App">針對<a href="/en-US/Marketplace/Options/Hosted_apps">架設/托管式 (Hosted) App</a></h3> +<ul> + <li><span style="line-height: 1.5em;">可架設/托管 App 的網站。進一步資訊可參閱</span><span style="line-height: 1.5em;">《<a href="/en-US/Marketplace/Options/Hosted_apps#Options_for_hosting_your_app">Options for hosting your app</a></span><span style="line-height: 1.5em;">》。</span></li> + <li>App 內 manifest 檔案的網址。進一步資訊可參閱《<a href="https://developer.mozilla.org/zh-TW/Apps/Developing/Manifest/Manifest-840092-dup#csp">App 的 Manifest 檔案</a>》。</li> +</ul> +<div class="note"> + <p>在將 App 提交到 Firefox Marketplace 之前,可使用「<a href="https://marketplace.mozilla.org/developers/validator">測試應用程式驗證</a>」工具來測試 manifest 檔案的正確性。</p> +</div> +<div class="note"> + <p><strong>注意:</strong>你會在「應用程式管理員 (App Manager)」看到「manifest」中文翻譯為「安裝資訊檔」。</p> +</div> +<h3 id="針對所有_App_(必備)">針對所有 App (必備)</h3> +<p>架設/托管式、封裝式 App 的共通必要條件:</p> +<ul> + <li>App 的<a href="/en-US/Apps/Developing/Manifest#name">名稱</a>必須加進 manifest 檔案中,最多可達 128 個字元。在 App 上傳程序的 <a href="/en-US/Marketplace/Submission/Submitting_an_app#Step_3.3A_Details">Step 3</a> 中,亦必須預先填入 Marketplace 的「Name」欄位。</li> + <li>App 的 manifest 檔案必須有 App 的<a href="/en-US/Apps/Developing/Manifest#description">相關敘述</a>,最多可達 1024 個字元。在 App 上傳程序的 <a href="/en-US/Marketplace/Submission/Submitting_an_app#Step_3.3A_Details">Step 3</a> 中,亦必須預先填入 Marketplace 的「Description」欄位,並可後續進行編輯 (但如果是 Marketplace 的說明欄位,則沒有字元數的限制)。</li> + <li>需提供 128 x 128px 的縮圖圖示,以於 Marketplace 上呈現。此為固定的圖示尺寸。若要進一步了解應如何將圖示加入 App 中,可參閱 <a href="/en-US/Apps/Developing/Manifest#icons">manifest 圖示</a>。</li> + <li>需提供 App 截圖,至少為 320 x 480px (可參閱 <a href="/en-US/Apps/Publishing/Marketplace_screenshot_criteria">Marketplace 截圖準則</a>以進一步了解。若要添增或變更截圖,可於 <a href="/en-US/Marketplace/Submission/Submitting_an_app#Step_4.3A_Next_Steps">Step 4</a> 中更新之)。</li> + <li>App 的隱私權政策,或是隱私權政策網頁的網址。可參閱<a href="/en-US/Marketplace/Publishing/Privacy_policies">隱私權政策指南</a>以進一步了解 (可於 <a href="/en-US/Marketplace/Submission/Submitting_an_app#Step_3.3A_Details">Step 3</a> 時輸入)。</li> + <li>提供 App 支援服務的電子郵件位址 (可於 <a href="/en-US/Marketplace/Submission/Submitting_an_app#Step_3.3A_Details">Step 3</a> 時輸入)。</li> +</ul> +<h3 id="針對付費_App_或應用程式內付款_(In-app_payments)">針對付費 App 或應用程式內付款 (In-app payments)</h3> +<ul> + <li>你必須找好付款服務商、銀行帳戶明細 (如帳號、SWIFT 代號、地址明細)、公司明細 (如 VAT 編號、公司統編、開業日期)。</li> + <li>如果 App 使用 In-app payments,確認已於 manifest 檔案中提供了 origin。</li> +</ul> +<h3 id="針對所有_App_(非必備)">針對所有 App (非必備)</h3> +<p>架設/托管式、封裝式 App 的建議條件:</p> +<ul> + <li>最多可提交 6 張截圖來呈現 App 的主畫面。最好是涵蓋不同裝置規格的 App 截圖,且各有尺寸限制: + <ul> + <li>手機:建議 320 x 480px 或相對應的倍數。</li> + <li>平板電腦:建議 1024 x 768px 或 1280 x 800px。</li> + <li>桌上型電腦:建議 1280 x 800px 或 1440 x 900px。</li> + </ul> + </li> + <li>其他尺寸的圖示應透過 manifest 檔案指定,以於其他平台/網頁內容達到最佳顯示效果: + <ul> + <li>60 x 60px 圖示可於裝置螢幕上顯示。</li> + <li>32 x 32px、90 x 90px、120 x 120px、256 x 256px 圖示,可於不同平台達到最佳顯示效果,如 Windows 7 與 Android。</li> + </ul> + </li> + <li>App 及其支援服務首頁的網址。根據你自己的需要,可為相同或不同的網址 (於 <a href="/en-US/Marketplace/Submission/Submitting_an_app#Step_3.3A_Details">Step 3</a> 時輸入)。</li> + <li>其他<a href="/en-US/Apps/Developing/Manifest"> manifest</a> 檔案的選填欄位。目前有 <a href="/en-US/Apps/Developing/Manifest#name">name</a>、<a href="/en-US/Apps/Developing/Manifest#description">description</a>、<a href="/en-US/Apps/Developing/Manifest#icons">icons</a> 為必要欄位,另有許多選填欄位,例如: + <ul> + <li>如果你要提供多語言版本的 App,就必須填入 <a href="/en-US/Apps/Developing/Manifest#locales">locales</a> 的資訊。</li> + <li>如果有 locales 欄位,就必須一併提供 <a href="/en-US/Apps/Developing/Manifest#default_locale">default_locale</a> 欄位。</li> + <li>如果要在 App 中使用特定裝置的 API 或 Web Activity,也必須在 manifest 檔案中提供相關 <a href="/en-US/Apps/Developing/App_permissions">App permissions</a> 或 <a href="/en-US/docs/WebAPI/Web_Activities">activities</a> 欄位。</li> + </ul> + </li> +</ul> +<h3 id="另外還有......">另外還有......</h3> +<p>......你應該:</p> +<ul> + <li>在 Marketplace 審核通過你的 App 之後,預設將立刻讓 App 上架。如果你不想讓 App 立刻上架,則在提交 App 時要取消勾選「<strong>Publish my app in the Firefox Marketplace as soon as it's reviewed</strong>」(於 <a href="/en-US/Marketplace/Submission/Submitting_an_app#Step_2.3A_Submit">Step 2</a> 時勾選)。</li> + <li>可參閱 <a href="/en-US/docs/Web/Apps/Publishing/Marketplace_review_criteria">Marketplace 審查準則</a> (<a href="/en-US/Marketplace/Submission/Submitting_an_app#Step_1.3A_Agreement">Step 1</a>)。</li> +</ul> diff --git a/files/zh-tw/archive/mozilla/marketplace/publishing/submit/enter_your_apps_details/index.html b/files/zh-tw/archive/mozilla/marketplace/publishing/submit/enter_your_apps_details/index.html new file mode 100644 index 0000000000..88211b4b18 --- /dev/null +++ b/files/zh-tw/archive/mozilla/marketplace/publishing/submit/enter_your_apps_details/index.html @@ -0,0 +1,129 @@ +--- +title: 輸入 App 上架時所顯示的詳細資訊 +slug: Archive/Mozilla/Marketplace/Publishing/Submit/Enter_your_apps_details +translation_of: Archive/Mozilla/Marketplace/Publishing/Submit/Enter_your_apps_details +--- +<div class="summary"> +<p>在將 App 上傳到 Firefox Marketplace 之後,應更新 App 的詳細資訊以利於 Marketplace 頁面上顯示。</p> +</div> + +<div class="note"> +<p>此步驟將針對 App 的預設語系版本 (英文),編輯相關細節 (如網址與說明等)。如果你有其他語系版本,或是要針對其他國家\語系而修改詳細資訊,仍必須透過標準的「編輯資訊 (Edit Listing)」選項 (可參閱 <a href="/en-US/Marketplace/Publishing/Submit/Edit_other_localizations">step 9</a>)。</p> +</div> + +<div class="note"> +<p>注意:你可能會看到「manifest 檔案」的正體中文翻譯為「安裝資訊檔」。</p> +</div> + +<p>現在進入「<strong>提交 App、編輯</strong><strong> App 詳細資訊</strong>」的頁面。</p> + +<p><img alt="Edit app details page header" src="https://mdn.mozillademos.org/files/8245/Page%20header.png" style="width: 979px; height: 345px;"></p> + +<p>如頁面中所示,你在 <a href="/en-US/Apps/Build/Manifest">manifest</a> 檔案中提供的 App 詳細資訊,會由系統預先填入大部分的頁面空格之中。</p> + +<h2 id="App_圖示與網址">App 圖示與網址</h2> + +<p>在 manifest 檔案中提供的 App 圖示與說明,再加上檔案儲存網頁的網址,都已經列於此頁面的第一區塊內。Marketplace 將根據 App 名稱而自動產生網址,並逕行修改以成為專屬網址。你可以點擊 (1)「<strong>開啟詳細資訊頁面 (Open details</strong> <strong>page)</strong>」以檢視 Marketplace 的細節頁面,也能點擊 (2)「<strong>編輯 (Edit)」</strong>以編輯圖示與Marketplace 的網址。</p> + +<p><img alt="When the page first loads your app name and icon are displayed (based on the manifest content) along with the URL generated by Marketplace" src="https://mdn.mozillademos.org/files/8247/App%20URL%20-%20Display.png" style="width: 978px; height: 136px;"></p> + +<p>若要更改 App 的圖示,就點擊 (1) 的圖示就能瀏覽電腦上的其他圖檔。若要更改 App 詳細資訊的頁面名稱,可於 (2) 的 <strong>App 網址</strong>方塊中輸入新的值。如果你輸入目前已存在的頁面名稱,就會出現警告訊息,直到你修改完畢並點擊「<strong>繼續 (Continue)</strong>」為止。而且必須修改成有效的 App 詳細資訊頁面網址,否則就無法離開此頁面。</p> + +<p><img alt="You can (1) change the app's icon and (2) enter your own page name for the app" src="https://mdn.mozillademos.org/files/8197/App%20URL%20-%20Edit.png" style="width: 978px; height: 130px;"></p> + +<h2 id="App_說明">App 說明</h2> + +<p>接著下個區塊則顯示 App 的相關說明,也是直接取自於 manifest 檔案而來。你也可以依照自己需要而在「<strong>說明 (Description)</strong>」方塊中編輯說明。只要拖曳方塊右下角,就能拉大整個編輯方塊的面積。此為必填欄位。</p> + +<p><img alt="You can create a description over 1024 characters and include some HTML tags to improve formatting. " src="https://mdn.mozillademos.org/files/8249/Edit%20description.png" style="width: 978px; height: 171px;"></p> + +<p>與 manifest 檔案所提供的說明不同,這裡讓你編輯的說明內容可以:</p> + +<ul> + <li>超過 1024 個字元,但請還是儘量提供簡潔的說明內容。可參閱〈<a href="/en-US/Marketplace/Prepare/Promoting_your_app">Promoting your app</a>〉一文中的「<a href="https://developer.mozilla.org/en-US/Marketplace/Prepare/Promoting_your_app#App_listing" rel="internal">App listing</a>」,帶你寫出精簡的說明。</li> + <li>納入基本的 HTML 標籤功能,呈現更漂亮的說明內容。只要點擊 (1)「<strong>支援部分 HTML supported</strong>」,就能看到相關的標籤清單。目前可支援的標籤有: + <ul> + <li><a href title></li> + <li><abbr title></li> + <li><acronym title></li> + <li><b></li> + <li><blockquote></li> + <li><code></li> + <li><em></li> + <li><i></li> + <li><strong></li> + <li><ul>, <li>, and <ol></li> + </ul> + </li> +</ul> + +<h2 id="App_分類">App 分類</h2> + +<p>Marketplace 是以「分類 (Category)」提供 App 完整列表。開發者必須為自己的 App 勾選至少一項分類,當然也可以視需要而勾選他項適合的分類。舉例來說,如果 App 可擷取、編輯、分享照片,你當然可以勾選「<strong>Photo & Video</strong>」與「<strong>Social</strong>」兩種分類。</p> + +<p><img alt="You must pick one, but can pick 2, categories that match your app'scontent" src="https://mdn.mozillademos.org/files/8251/Categories.png" style="width: 985px; height: 187px;"></p> + +<h2 id="隱私權政策">隱私權政策</h2> + +<p>開發者必須提供 App 的隱私權政策,即使 App 聲稱不會蒐集個人資料,也同樣必須提供。如果 App 會蒐集消費者的個人詳細資訊,就必須提供詳盡的政策 (網頁連結或純文字均可)。你可到《<a href="/en-US/Marketplace/Publishing/Privacy_policies">隱私權政策指南</a>》 找到的撰寫資訊。而上述「說明」欄位所支援的 HTML 標籤,也同樣可用在政策撰寫時的格式。這裡一樣拖曳 (1) 方塊的右下角,能拉大編輯方塊的面積空間。</p> + +<p><img alt="A privacy policy must be provided, even if its only to say that no personal data is collected by the app" src="https://mdn.mozillademos.org/files/8253/Privacy%20policy.png" style="width: 979px; height: 211px;"></p> + +<h2 id="App_資訊與支援服務連結">App 資訊與支援服務連結</h2> + +<p>如果有 App 首頁與支援服務頁面的網址,亦可一併提供。但你至少須提供電子郵件位址,以利消費者聯絡後續支援服務。</p> + +<p><img alt="Link can be provided to any information or support pages for the app, however a support email address must be provided" src="https://mdn.mozillademos.org/files/8255/app%20links.png" style="width: 977px; height: 237px;"></p> + +<div class="note"> +<p>支援服務的電子郵件位址,即納入 App 於<span class="hint"> Marketplace 上架時的公開清單中。建議你應提供專屬的電子郵件位址,而不要使用一般的免費郵件位址。</span></p> +</div> + +<h2 id="是否支援_Flash">是否支援 Flash</h2> + +<p>如果你針對 Adobe Flash 而開發 Web App 的內容,則請在這裡點選「Yes」代表使用了 Adobe Flash。反之則點選「No」。</p> + +<p><img alt="Indicate whether your app has need for Flash support" src="https://mdn.mozillademos.org/files/8257/Flash.png" style="width: 973px; height: 79px;"></p> + +<h2 id="截圖與影片">截圖與影片</h2> + +<p>現在可為自己的 App 加上截圖與影片了。點擊 (1)「<strong>新增螢幕截圖或影片 (Add a screenshot or video)</strong>」,就能瀏覽電腦的檔案,找到對應的檔案並點選即可。若添增超過 1 支以上的檔案,就能拖曳 (2) 檔案以變更 Marketplace 中呈現的順序。亦可點擊 (3) 的刪除圖示,移除你不想要的檔案。</p> + +<p>截圖可為 PNG 或 JPG 格式,影片則為 <a href="http://www.webmproject.org/">WebM</a> 格式。建議手機截圖為 320 x 480 px 尺寸。另可參閱《<a href="https://developer.mozilla.org/en-US/Marketplace/Publishing/Marketplace_screenshot_criteria" title="Some guidelines on how to create an effective screenshot for marketplace submission">Marketplace 截圖準則</a>》,以及《<a href="https://developer.mozilla.org/en-US/Marketplace/Prepare/Promoting_your_app#Videos" rel="internal">Promoting your app</a>》的〈<a href="https://developer.mozilla.org/en-US/Marketplace/Prepare/Promoting_your_app#Videos" rel="internal">Videos</a>〉進一步了解。</p> + +<p><img alt="Click Add a screenshot or video to add a new item. reorder added items and delete any unwanted items" src="https://mdn.mozillademos.org/files/8259/Add%20screenshots%20and%20videos.png" style="width: 982px; height: 462px;"></p> + +<h2 id="設定發佈方式">設定發佈方式</h2> + +<p>你可決定在 App 通過 Firefox Marketplace 的審查之後,是要立刻上架 (<strong>發佈 App 並讓任何人都能在 Marketplace 中看到,另將納入搜尋結果</strong>),或是暫時不要發佈 (<strong>不發佈App。提醒開發者可稍後調整 App 上架情形</strong>)。</p> + +<p><img alt="Selected whether your app will be added to Marketplace as soon as it's been approved or whether you will set its visibility after approval" src="https://mdn.mozillademos.org/files/8473/publication%20visibility%20new.png" style="width: 996px; height: 179px;"></p> + +<p>點選「<strong>不要自動發佈我的程式 (Do not publish my app)</strong>」將可:</p> + +<ul> + <li>選擇 App 發佈時機。你可能想排定自己的軟體釋出與發表時機。</li> + <li>保持他人還看不到此 App。你可能只是發表自己公司內部使用,或是尚在測試階段的 App。</li> +</ul> + +<p>「不要自動發佈我的程式」將有更多詳細資訊供你選擇,敬請期待。</p> + +<div class="note"> +<p>在你完成這一步驟之後,就無法編輯此選項。往後若要修改此選項,就必須提供 App 的更新檔才行。</p> +</div> + +<h2 id="給審查人員看的註記">給審查人員看的註記</h2> + +<p>最後,你可提供額外資訊給 App 審查人員觀看。特別一提,如果 App 所搭配的 Web 服務需要消費者登入才可使用,則你應提供暫時性的帳戶給審查人員試用此服務。只要拖曳方塊右下角,就能拉大整個編輯方塊的面積。</p> + +<p><img alt="Add comments to assist the reviewer review your app" src="https://mdn.mozillademos.org/files/8261/your%20comments%20for%20reviewer.png"></p> + +<div class="note"> +<p>在你完成這一步驟之後,就無法編輯此選項。往後若要修改此選項,就必須提供 App 的更新檔才行。</p> +</div> + +<h2 id="下一步">下一步</h2> + +<p>點擊「繼續 (Contiune)」即可進到下個程序:<a href="/en-US/Marketplace/Publishing/Submit/Next_steps">下一步</a></p> + +<p><img alt="Click Continue to proceed to the next step" src="https://mdn.mozillademos.org/files/8263/continue.png" style="width: 980px; height: 81px;"></p> diff --git a/files/zh-tw/archive/mozilla/marketplace/publishing/submit/index.html b/files/zh-tw/archive/mozilla/marketplace/publishing/submit/index.html new file mode 100644 index 0000000000..a6e3468169 --- /dev/null +++ b/files/zh-tw/archive/mozilla/marketplace/publishing/submit/index.html @@ -0,0 +1,10 @@ +--- +title: Submit +slug: Archive/Mozilla/Marketplace/Publishing/Submit +tags: + - NeedsTranslation + - TopicStub +translation_of: Archive/Mozilla/Marketplace/Publishing/Submit +--- +<p>This section describes the process for submitting an app to Firefox Marketplace</p> +<p>Residual details: <a href="/en-US/Marketplace/Publishing/Submit/Submitting_an_app">https://developer.mozilla.org/en-US/Marketplace/Publishing/Submit/Submitting_an_app</a></p> diff --git a/files/zh-tw/archive/mozilla/marketplace/publishing/submit/load_your_app/index.html b/files/zh-tw/archive/mozilla/marketplace/publishing/submit/load_your_app/index.html new file mode 100644 index 0000000000..7c657ed720 --- /dev/null +++ b/files/zh-tw/archive/mozilla/marketplace/publishing/submit/load_your_app/index.html @@ -0,0 +1,134 @@ +--- +title: 將 App 上傳到 Firefox Marketplace +slug: Archive/Mozilla/Marketplace/Publishing/Submit/Load_your_app +translation_of: Archive/Mozilla/Marketplace/Publishing/Submit/Load_your_app +--- +<div class="summary"> +<p>在登入自己的開發者帳戶並同意開發者協定之後,就能輸入 App 的細節,再讓 Firefox Marketplace 識別其 manifest 檔案。</p> +</div> + +<div class="note"> +<p>注意:你可能會看到「manifest 檔案」之正體中文翻譯為「安裝資訊檔」。</p> +</div> + +<h2 id="概述">概述</h2> + +<p>現在你進入「提交 App (<strong>Submit an App</strong> )」頁面,可進行:</p> + +<ul> + <li>確認 App 的獲利模式 — 是要免費提供給消費者,或是消費者須付費購買,也可以另外提供應用程式內付款 (In-app payments) 產品。</li> + <li>確認 App 是否可相容於該平台。</li> + <li>根據 App 的封裝方式: + <ul> + <li>確認托管\架設式 (Hosted) App 的 manifest 檔案之位址。</li> + <li>上傳封裝式 (Packaged) App 的 ZIP 檔案。</li> + </ul> + </li> + <li>提供 App 必要的特性\功能相關資訊。</li> +</ul> + +<h2 id="收益方式">收益方式</h2> + +<p>你首先應對 App 所提供的資訊,就是其收益方式。</p> + +<ol> + <li>針對自己的 App,點選 (1)「免費 (<strong>Free)</strong>」或「付費/應用程式內付款 (<strong>Paid / in-app)</strong>」分頁。</li> + <li><img alt="Select either Free if the app is free to download and use, or Paid / In-app of the app has to be purchased or contains any in-app payment options" src="https://mdn.mozillademos.org/files/8213/Select%20monetization%20model.png" style="width: 978px; height: 162px;"></li> +</ol> + +<div class="note"> +<p>如果你想先讓消費者免費下載 App,再透過 App 內部付費產品獲得收益,請點選「<strong>付費 / 應用程式內付款</strong>」。</p> +</div> + +<div class="note"> +<p>只要你點選「付費/應用程式內付款」並完成提交程序之後,就無法再將該 App 改回免費提供。但原本就點選「免費」的 App 可隨時更改為付費形式。</p> +</div> + +<h2 id="平台相容性">平台相容性</h2> + +<p>在選擇了免費\付費 App 之後,就該定義 App 所將賴以執行的作業系統與瀏覽器。</p> + +<ol> + <li>選擇 App 相容的平台<br> + <img alt="Select the OS and browser implementations the app is designed to work on." src="https://mdn.mozillademos.org/files/8217/Select%20compatible%20platforms.png" style="width: 980px; height: 337px;"></li> +</ol> + +<p>各個平台所支援的收益方式如下。</p> + +<table class="standard-table" style="width: 60% ;"> + <thead> + <tr> + <th scope="row" style="width: 60% ;"> </th> + <th scope="col" style="width: 20%;">Free</th> + <th scope="col" style="width: 20%;">Paid /In-app</th> + </tr> + </thead> + <tbody> + <tr> + <th scope="row">Firefox OS</th> + <td style="text-align: center;"><img alt="" src="https://mdn.mozillademos.org/files/8219/Tick_20x20.png" style="width: 20px; height: 20px;"></td> + <td style="text-align: center;"><img alt="" src="https://mdn.mozillademos.org/files/8219/Tick_20x20.png" style="width: 20px; height: 20px;"></td> + </tr> + <tr> + <th scope="row">Firefox for Desktop</th> + <td style="text-align: center;"><img alt="" src="https://mdn.mozillademos.org/files/8219/Tick_20x20.png" style="width: 20px; height: 20px;"></td> + <td style="text-align: center;"> </td> + </tr> + <tr> + <th scope="row">Firefox Mobile<br> + (Firefox for Android on screen 7" or less)</th> + <td style="text-align: center;"><img alt="" src="https://mdn.mozillademos.org/files/8219/Tick_20x20.png" style="width: 20px; height: 20px;"></td> + <td style="text-align: center;"> </td> + </tr> + <tr> + <th scope="row">Firefox Tablet<br> + (Firefox for Android on screen over 7")</th> + <td style="text-align: center;"><img alt="" src="https://mdn.mozillademos.org/files/8219/Tick_20x20.png" style="width: 20px; height: 20px;"></td> + <td style="text-align: center;"> </td> + </tr> + </tbody> +</table> + +<h2 id="上傳_App">上傳 App</h2> + +<p>現在為 Firefox Marketplace 說明 App 類型:</p> + +<ol> + <li>如果為托管\架設式 App,(1) 須先輸入 <a href="/en-US/docs/Web/Apps/Manifest">App 的 manifest 檔案</a>所在之伺服器位址 (須為完整的 URL),再點擊 (2)「<strong>驗證 (Validate)</strong>」。<br> + <img alt="Enter the URL for the manifest of a Hosted App" src="https://mdn.mozillademos.org/files/8223/Identify%20Hosted%20App.png" style="width: 982px; height: 198px;"><br> + <br> + Marketplace 就會驗證你的 manifest 檔案。 + <ul> + <li>驗證完畢,點擊「<strong>繼續 (Continue)</strong>」。</li> + <li>若 manifest 檔案的驗證結果出現錯誤或警告,也會提供完整報告的連結。請看過報告之後修正錯誤,再重新提交 manifest 檔案進行驗證。<br> + <img alt="If there are errors or warning as a result of validating the app's manifest a link is provided to a full report" src="https://mdn.mozillademos.org/files/8225/Validation%20results.png" style="width: 981px; height: 55px;"></li> + </ul> + </li> + <li>如果為封裝式 App,則點擊「<strong>封裝</strong> (<strong>Packaged</strong>)」分頁並點選「<strong>選擇檔案... (Select a file...)</strong>」。接著就會開啟電腦的檔案瀏覽功能,找到 App 的 zip 檔案並上傳。<br> + <img alt="Click Select a file to upload a packaged app's ZIP file" src="https://mdn.mozillademos.org/files/8211/Select%20Packaged%20App.png" style="width: 982px; height: 189px;"><br> + Marketplace 現已可驗證 App 的封包。 + <ul> + <li>驗證完畢,點擊「<strong>繼續 (Continue)</strong>」。</li> + <li>若封包 (ZIP) 的驗證結果出現錯誤或警告,也會提供完整報告的連結。請看過報告之後修正錯誤,再重新封包檔案之後提交以利驗證。<br> + <img alt="If there are errors or warning as a result of validating the app's manifest a link is provided to a full report" src="https://mdn.mozillademos.org/files/8225/Validation%20results.png" style="width: 981px; height: 55px;"></li> + </ul> + </li> +</ol> + +<h2 id="了解_App_最低限度的_API_需求">了解 App 最低限度的 API 需求</h2> + +<p>在 App 驗證完成之後,就會出現「<strong>應用程式最低需求 (App Minimum Requirements)</strong>」頁面。一開始將顯示最常用的 API 需求清單。如果有找不到的 App 需求,則點擊 (1)「<strong>檢視全部 (View all)」</strong>,再 (2) 勾選所要的需求方塊。</p> + +<div class="note"> +<p>消費者的裝置若不支援本頁中所選的需求,則 Marketplace 將隱藏你的 App。</p> +</div> + +<p><img alt="An automatically populated list of app requirements displays, click View all and add any that have been missed" src="https://mdn.mozillademos.org/files/8227/Select%20the%20apps%20minimum%20API%20requiements.png" style="width: 984px; height: 506px;"></p> + +<h2 id="下一步">下一步</h2> + +<p>接著可點擊「<strong>繼續 (Continue)</strong>」完成下個程序。</p> + +<p><img alt="When the details have been added to the page, clicking Continue moves onto the next step." src="https://mdn.mozillademos.org/files/8233/Continue%20option.png" style="width: 982px; height: 91px;"></p> + +<p>若要了解接下來的步驟,可繼續閱讀:<a href="/en-US/Marketplace/Publishing/Submit/Enter_your_apps_details">輸入 App 的細節</a>。</p> diff --git a/files/zh-tw/archive/mozilla/marketplace/publishing/submit/next_steps/index.html b/files/zh-tw/archive/mozilla/marketplace/publishing/submit/next_steps/index.html new file mode 100644 index 0000000000..47ef08f0d5 --- /dev/null +++ b/files/zh-tw/archive/mozilla/marketplace/publishing/submit/next_steps/index.html @@ -0,0 +1,16 @@ +--- +title: App 提交程序的下一步 +slug: Archive/Mozilla/Marketplace/Publishing/Submit/Next_steps +translation_of: Archive/Mozilla/Marketplace/Publishing/Submit/Next_steps +--- +<div class="summary"> +<p>現在你已經上傳了自己的 App,也更新了詳細資訊。接著讓你先了解接下來將完成的步驟。</p> +</div> + +<p><img alt="an interface screen on the Firefox Marketplace at the start of stage 4, where you are told you can enter some more information, starting with submitting a content rating for your app." src="https://mdn.mozillademos.org/files/6877/submit-app-stage4.png" style="width: 650px; height: 621px; display: block; margin: 0px auto;"></p> + +<p>如果你的 App 有其他語言版本,你可能想在繼續下一步之前,再補充 Marketplace 上的其他詳細資訊。這時可點擊「<strong>編輯資訊 (Edit Listing)</strong>」,或參閱《<a href="/en-US/Marketplace/Publishing/Submit/Edit_other_localizations">Edit other localizations</a>》進一步了解。不論如何,當然還是跟著流程一步步完成比較簡單。</p> + +<h2 id="下一步">下一步</h2> + +<p>這時可點擊「繼續 (<strong>Continue</strong>)」以進到下一步驟:《<a href="https://developer.mozilla.org/zh-TW/docs/Mozilla/Marketplace/Submission/Rating_Your_Content">取得 App 內容分級</a>》。</p> diff --git a/files/zh-tw/archive/mozilla/marketplace/publishing/submit/overview/index.html b/files/zh-tw/archive/mozilla/marketplace/publishing/submit/overview/index.html new file mode 100644 index 0000000000..8c00d35b23 --- /dev/null +++ b/files/zh-tw/archive/mozilla/marketplace/publishing/submit/overview/index.html @@ -0,0 +1,128 @@ +--- +title: Firefox Marketplace 概述 +slug: Archive/Mozilla/Marketplace/Publishing/Submit/Overview +translation_of: Archive/Mozilla/Marketplace/Publishing/Submit/Overview +--- +<div class="summary"> +<p>若要讓自己的 App 在 Firefox Marketplace 上架,就必須將 App 提交到 Marketplace 並通過審查。本頁將簡述 App 提交程序。另可參閱其他頁面以了解其他步驟。</p> +</div> + +<div class="note"> +<p>若要進一步了解各個步驟,請逐一參閱各個步驟之連結,並從 Step 1 開始整個程序。而此頁下方亦提供步驟關係圖。</p> +</div> + +<p>另可觀看提交程序影片:<a class="video-item" href="http://s.vid.ly/embeded.html?link=8k2n4w&autoplay=false">http://vid.ly/8k2n4w</a></p> + +<h2 id="提交程序">提交程序</h2> + +<p>接著就開始將 App 提交到 Firefox Marketplace 之上:</p> + +<dl> + <dt><a href="/en-US/Marketplace/Publishing/Submit/Sign-in_to_your_developer_account">Step 1 - 登入自己的開發者帳戶</a></dt> + <dd> + <ul> + <li>前往 <a class="external external-icon" href="https://marketplace.firefox.com/developers/">Firefox Marketplace 開發者交流中心 (Developer Hub)</a>。</li> + <li>點擊「提交您的應用程式至 Marketplace」 。<a class="button" href="https://marketplace.firefox.com/developers/submit/">Submit your app to the Marketplace </a></li> + <li>登入自己的開發者帳戶: + <ul> + <li>如果你尚未註冊,須先註冊。</li> + <li>如果你是第一次註冊,必須先同意〈Firefox Marketplace Developer Agreement〉。</li> + </ul> + </li> + </ul> + </dd> + <dt><a href="/en-US/Marketplace/Publishing/Submit/Load_your_app">Step 2 - 上傳 App</a></dt> + <dd>在<strong>「提交應用程式」</strong>頁面上: + <ul> + <li>設定免費\付費 App。</li> + <li>選擇 App 對應的平台。</li> + <li>選擇該 App 為托管\架設式 (Hosted) 或是封裝式 (Packaged): + <ul> + <li>若為托管\架設式 App,應在其 manifest 檔案中提供連結。</li> + <li>若為封裝式 App,請上傳 <code>package.zip</code> 檔案,且在驗證完畢之後,確認是否符合最低 API 需求。</li> + </ul> + </li> + <li>點擊<strong>「繼續」</strong>。</li> + </ul> + + <div class="note"> + <p>注意:你可能會看到「manifest 檔案」之正體中文翻譯為「安裝資訊檔」。</p> + </div> + </dd> + <dt><a href="/en-US/Marketplace/Publishing/Submit/Enter_your_apps_details">Step 3 - 輸入 App 的詳細資訊</a></dt> + <dd> + <p>在<strong>「編輯 App 詳細資訊」</strong>頁面:</p> + + <ul> + <li>依自己需要而修改 App 網址。</li> + <li>依自己需要而修改 App 相關說明 (manifest 檔案中所載)。</li> + <li>選擇 1 到 2 種分類。</li> + <li>提供隱私權政策。</li> + <li>若有首頁與支援服務網站,亦請提供。</li> + <li>提供支援服務的電子郵件位址。</li> + <li>說明該 App 是否須 Flash 支援功能。</li> + <li>上傳至少 1 張畫面截圖或影片。</li> + <li>提供額外說明\註記給 App 審查人員看 (如果 App 需要登入細節,應另外說明其理由)。另請注意,只有在你提交新版本 App 時,才能修改這些註記。</li> + <li>設定 App 是否在通過審查之後立刻上架。另請注意,只有在你提交新版本 App 時,才能修改此項設定。</li> + <li>點擊<strong>「繼續」</strong>。</li> + </ul> + </dd> + <dt><a href="/en-US/Marketplace/Publishing/Submit/Next_steps">Step 4 - 參閱「下一步」的細節</a></dt> + <dd>在<strong>「下一步 (Next Steps)」</strong>頁面上點擊<strong>「繼續」</strong>。</dd> + <dt><a href="/en-US/Marketplace/Publishing/Submit/Rating_Your_Content">Step 5 - 取得內容分級</a></dt> + <dd>在<strong>「內容分級」</strong>頁面: + <ul> + <li>點擊<strong>「建立 IARC 分級憑證 (Create an IARC Ratings Certificate)」</strong>以取得新的分級,另於 IARC 網站上完成分級問卷。</li> + <li>若要進入已取得之分級,須提供 <strong>Submission ID</strong> 與 <strong>Security Code</strong>。</li> + </ul> + </dd> + <dt><a href="/en-US/Marketplace/Publishing/Pricing/Introduction">Step 6 - 更新 App 目前對應的販售國別與付款細節</a></dt> + <dt style="margin-left: 40px;">Step 6a - 若為免費 App (且無 In-app purchases):</dt> + <dd style="margin-left: 40px;">在左側選單中點擊<strong>「相容性 (Compatibility)」</strong>。依自己需要而更改 App 即將販售的國別。</dd> + <dt style="margin-left: 40px;">Step 6b - 若為付費 App (或免費 App 但有 In-app payments):</dt> + <dd style="margin-left: 40px;">在左側選單點擊<strong>「相容性與付款 (Compatibility & Payments)」</strong> + <ul> + <li>設定你的付款服務供應商帳戶,如 Bango 與 Boku。</li> + <li>設定 App 價格。確認 App 是否提供應用程式內付款的產品,並選擇即將販售 App 的國別。</li> + <li>如果本為免費 App,須付費之後才能升級為較完整功能的「專業版」App,請先設定為免費 App。</li> + </ul> + </dd> + <dt style="margin-left: 40px;">Step 6c - 若 App 包含應用程式內付款的產品:</dt> + <dd style="margin-left: 40px;"> + <ul> + <li>在左側選單點擊<strong>「應用程式內付款 (In-App Payments)」</strong>,取得 API 金鑰與安全金鑰。(請注意,只要為 App 添增 API 金鑰與安全金鑰之後,就必須為 App <a href="/en-US/Marketplace/Publishing/Updating_apps">提交更新檔</a>。可參閱 <a href="/en-US/Marketplace/Monetization/In-app_payments">In-app payments</a> 進一步了解)</li> + <li>如果你使用 <a href="/en-US/Marketplace/Monetization/In-app_payments_section/fxPay_iap">fxPay</a>,則在左側選單點擊<strong>「In-App Products」</strong>,並逐一定義你的應用程式內付款產品。</li> + </ul> + </dd> + <dt><a href="/en-US/Marketplace/Publishing/Submit/Define_your_team">Step 7 - 設定開發團隊成員 (選填)</a></dt> + <dd>在左側選單點擊<strong>「團隊成員 (Team Members)」</strong>,並依自己的需要添增團隊成員資訊。</dd> + <dt><a href="/en-US/Marketplace/Publishing/Submit/View_your_listing">Step 8 - 檢視清單 (選填)</a></dt> + <dd>在左側選單點擊<strong>「檢視清單 (View Listing)」</strong>,檢視自己在 Marketplace 上的 App 清單。</dd> + <dt><a href="/en-US/Marketplace/Publishing/Submit/Edit_other_localizations">Step 9 - 編輯其他本地化清單 (選填)</a></dt> + <dd>在左側選單點擊<strong>「編輯清單 (Edit Listing)」</strong>,針對 App 的本地化內容而修改 App 的網址、說明、分類,或新增 Firefox Marketplace 所支援任何語系的細節。</dd> +</dl> + +<p>到此為止,你的 App 已進入審查程序。在左側選單點擊<strong>「狀態與版本 (Status and Version)」</strong>即可了解目前的審查進度。只要 App 提供應用程式內付款的產品,就必須加入 API 金鑰,且須在發佈 App 之前提交更新檔案。</p> + +<h2 id="流程圖">流程圖</h2> + +<h2 id="sect1"> </h2> + +<p><img alt=""></p> + +<h2 id="下一步?">下一步?</h2> + +<p>提交 App 完畢之後,你可能會需要:</p> + +<ul> + <li><a href="https://marketplace.firefox.com/developers/support">取得支援服務</a></li> + <li>取得下列資訊: + <ul> + <li><a href="https://hacks.mozilla.org/">「Hacks」部落格</a></li> + <li><a href="https://www.youtube.com/user/mozhacks">YouTube 上的「Hacks」影片頻道</a></li> + <li><a href="https://twitter.com/mozhacks">「Hacks」的 Twitter 意見</a></li> + <li><a class="external external-icon" href="https://marketplace.firefox.com/developers/#newsletter-signup">Apps 與 Hacks 電子報</a></li> + </ul> + </li> + <li><a href="https://wiki.mozilla.org/Marketplace/Contributing/Apps">獲得 Marketplace</a> 相關資訊</li> +</ul> diff --git a/files/zh-tw/archive/mozilla/marketplace/publishing/submit/sign-in_to_your_developer_account/index.html b/files/zh-tw/archive/mozilla/marketplace/publishing/submit/sign-in_to_your_developer_account/index.html new file mode 100644 index 0000000000..e46dbad938 --- /dev/null +++ b/files/zh-tw/archive/mozilla/marketplace/publishing/submit/sign-in_to_your_developer_account/index.html @@ -0,0 +1,52 @@ +--- +title: 登入 Firefox Marketplace 上的開發者帳戶 +slug: >- + Archive/Mozilla/Marketplace/Publishing/Submit/Sign-in_to_your_developer_account +translation_of: >- + Archive/Mozilla/Marketplace/Publishing/Submit/Sign-in_to_your_developer_account +--- +<div class="summary"> +<p>在將 App 提交到 Firefox Marketplace 之前,必須先申請開發者帳戶,登入之後再接受開發者協定。</p> +</div> + +<h2 id="開啟開發者交流中心_(Developer_Hub)">開啟開發者交流中心 (Developer Hub)</h2> + +<ol> + <li>以瀏覽器開啟 <a href="https://marketplace.firefox.com">Firefox Marketplace</a>。</li> + <li>到 Firefox Marketplace 頁面底部點擊 (1) <strong>開發者交流中心</strong>。<img alt="Footer of the Firefox Marketplace home page showing the link to the Developer Hub" src="https://mdn.mozillademos.org/files/8125/Developer%20Hub%20from%20Marketplace.png" style="width: 983px; height: 272px;"></li> +</ol> + +<h2 id="開始_App_提交程序">開始 App 提交程序</h2> + +<ol> + <li>在交流中心的首頁上,找到 (1) <strong>提交您的應用程式至 Marketplace (Submit your app to the Marketplace</strong>)。<br> + <img alt="Developer Hub home page showing the Submit your app to the Marketplace button" src="https://mdn.mozillademos.org/files/8127/Developer%20Hub%20home%20page%20submit%20button.png" style="width: 1011px; height: 366px;"></li> + <li><a name="Step2">這時會出現「請登入」對話框,點擊 (1) <strong>登入 / 註冊 (Sign in / Sign up</strong>)。</a><br> + <img alt="The Developer Hub please sign in dialog displayed over the Marketplace Developer Agreement" src="https://mdn.mozillademos.org/files/8129/Please%20sign%20in%20dialog.png" style="width: 988px; height: 248px;"></li> + <li>接下來就看你是否註冊過 Mozilla Persona: + <ul> + <li>如果你沒用過 Persona,建議你註冊:<br> + <img alt="The first dialog of the Create Persona process" src="https://mdn.mozillademos.org/files/8131/Create%20Persona.png" style="width: 740px; height: 398px;">你可到<a href="https://login.persona.org/about">這裡</a>進一步了解 Persona + <ol> + <li>輸入電子郵件位址並點擊「<strong>Next</strong>」。</li> + <li>輸入新的密碼並再次確認,點擊「<strong>Done</strong>」。</li> + <li>到你剛剛提供的電子郵件信箱收取確認信。此郵件內含「<strong>Confirm your account now</strong>」的確認連結,點擊此連結。</li> + <li>在接下來的頁面 (跟上述 <a href="#Step2">step 2</a> 顯示的頁面相同) 上點擊「<strong>登入 / 註冊</strong>」。</li> + </ol> + </li> + <li>如果你已經註冊過 Persona,就請確認你想登入為開發者帳戶的電子郵件位址。<br> + <img alt="Sign in with an existing Persona identity" src="https://mdn.mozillademos.org/files/8133/signin%20with%20persona.png" style="width: 740px; height: 398px;"><br> + 點擊「<strong>Sign in</strong>」。</li> + </ul> + </li> + <li>就會看到開發者協定 (Developer Agreement)。<br> + <img alt="Read the developer agreement, select the option to receive information by email if you wish and agree to the agreement" src="https://mdn.mozillademos.org/files/8139/Agreement.png"> + <ol> + <li>請閱讀過開發者協定。</li> + <li>同意往後接收 App Developer 新聞與問卷 (當然還是看你本身意願)</li> + <li>點擊「同意並繼續 (<strong>Agree and Continue</strong>)」。</li> + </ol> + </li> +</ol> + +<p>接著就能進到下一步:<a href="/en-US/Marketplace/Publishing/Submit/Load_your_app">上傳你的 App</a></p> diff --git a/files/zh-tw/archive/mozilla/marketplace/publishing/updating_apps/index.html b/files/zh-tw/archive/mozilla/marketplace/publishing/updating_apps/index.html new file mode 100644 index 0000000000..57fb423374 --- /dev/null +++ b/files/zh-tw/archive/mozilla/marketplace/publishing/updating_apps/index.html @@ -0,0 +1,27 @@ +--- +title: 更新 App +slug: Archive/Mozilla/Marketplace/Publishing/Updating_apps +translation_of: Archive/Mozilla/Marketplace/Publishing/Updating_apps +--- +<div class="summary"> + <p>本篇文章將針對已發佈的 App (自行發佈或於 <a href="https://marketplace.firefox.com/">Firefox Marketplace</a> 上發佈),說明相關更新步驟。</p> +</div> +<div class="note"> + <p><strong>注意:</strong>如果 App 已通過 Marketplace 審查,而開發者想更改 App 的名稱,就必須再次提交 App 並重新審查。</p> +</div> +<h2 id="更新托管式_(Hosted)_App">更新托管式 (Hosted) App</h2> +<p>托管式 App 本質就是網頁,因此同樣依 Web 快取的常規而運作。但開發者亦可選用如 <a href="https://developer.mozilla.org/en-US/docs/HTML/Using_the_application_cache">HTML5 AppCache</a> 的進階機制以加快啟動速度。先了解這二點之後,更新 App 所使用的一般資源大概就沒有需要特別注意的地方了。</p> +<p>但 Open Web App 在處理 manifest 檔案時就不太一樣了。某些 manifest 的變動必須經過使用者許可。但根據 Web runtime 實作的不同,較難以確定是否會啟動更新作業。</p> +<p>如果要能確實解決此問題,開發者可於 manifest 檔案中添加「<code>version</code>」欄位。只要檢查 <a href="https://developer.mozilla.org/en-US/docs/Web/API/Apps.getInstalled"><code>navigator.mozApps.getInstalled()</code></a> 函式所回傳的值,即可了解目前的版本。如果消費者並未安裝最新版本,則可透過 <a href="https://developer.mozilla.org/en-US/docs/Web/API/Apps.install"><code>navigator.mozApps.install()</code></a> 觸發更新作業。</p> +<p>Web runtime 並不會使用 <code>version</code> 的值,所以開發者可使用任何喜歡的版號設定格式。</p> +<p>另請注意,如果因更改 manifest 檔案而發生錯誤或毀損,則一旦將 manifest 檔案提交到 Firefox Marketplace 就會發現。嚴重錯誤將導致 App 無法出現在 Marketplace 之中。若是較不嚴重的錯誤,就可能會自動標定該 App 需要重新審查。</p> +<h2 id="更新封裝式_(Packaged)_App">更新封裝式 (Packaged) App</h2> +<p><a href="https://developer.mozilla.org/zh-TW/docs/Web/Apps/Developing/Packaged_apps/Packaged_apps">封裝式 App</a> 與托管式 App 的更新程序有所不同。在更新封裝式 App 時,開發者必須將 App 的新版 zip 檔案上傳至 Firefox Marketplace。更新過的 App 同樣要先通過審查,才能再發佈至 Marketplace 之上。如此將於 Firefox OS 手機上觸發更新作業。消費者亦可透過「Settings」App 要求進行更新。</p> +<p>若想進一步了解封裝式 App 的更新程序,可參閱下一章節。</p> +<h3 id="更新封裝式_App_相關細節">更新封裝式 App 相關細節</h3> +<p>接著提供封裝式 App 更新時的相關細節。如果你打算建構 App 商城,就可能必須特別注意。</p> +<ul> + <li>將更新過的封裝式 App 發佈之後,亦應更新 <a href="https://developer.mozilla.org/en-US/docs/Web/Apps/Packaged_apps#Packaged_apps_and_the_Firefox_OS_Marketplace">mini-manifest</a> 指向更新過的 ZIP 檔案 (請注意 mini-manifest 並非 App 的主要 manifest 檔案)。<code>ETag</code> 標頭亦將變更,且將觸發 Firefox OS 手機上的更新作業。</li> + <li>搭載於手機上的 Firefox OS 將每天一次,檢查 App 是否更新。Firefox OS 將檢查 mini-manifest 的網址,再檢查 mini-manifest 之內 <code>package_path</code> 的網址。只要使用 <a href="https://developer.mozilla.org/en-US/docs/Web/API/App">App 物件</a>上的 <code>checkForUpdate()</code> 函式即可進行此作業。一旦 <code>ETag</code> 標頭改變,該函式隨即得知 App 更新過,並將檢查 ZIP 檔案是否變更。</li> + <li>Firefox OS 將批次檢查 App 的更新檔案。</li> +</ul> |
