作成したStripe Appsアプリを、アプリマーケットプレイスで公開する方法



この記事は、[Stripe Apps を25日間紹介し続ける Advent Calendar 2022](https://qiita.com/advent-calendar/2022/stripe-apps) 22日目の記事です。

![スクリーンショット 2022-11-24 17.56.45.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2366300/e0261865-0418-daa2-423a-5f4d70558b1b.png)

昨日の記事では、アカウントやチーム内で共有する方法を紹介しました。

https://qiita.com/hideokamoto/items/14bc44a0c5c7204893c6

今回の記事では、アプリをマーケットプレイスに公開する方法とその流れを簡単に紹介します。

## アプリをマーケットプレイスに公開する

Stripe AppsをApp Marketplaceに公開することで、作成したアプリを第三者が利用できるようになります。

https://marketplace.stripe.com/

Stripeのマーケットプレイスにアプリが掲載されますので、Stripeを利用しているユーザーにアプリやサービスを認知してもらうことにもつながります。



## マーケットプレイスに公開するための基準を確認する

マーケットプレイスに公開するアプリを開発する場合、事前に審査要件を確認することをおすすめします。

https://stripe.com/docs/stripe-apps/review-requirements

アプリの名前やロゴなどの基本情報から、アプリの機能についてまで、さまざまな情報が掲載されています。

![スクリーンショット 2022-12-20 16.43.12.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2366300/7ba0533a-4281-5777-e84c-b3827fccea82.png)

項目ごとに「すべきこと・すべきではないこと」が用意されていますので、「すべきではないこと」に当てはまる部分がないか確認しましょう。

### 審査要件の変更履歴を確認する

開発期間が半年・1年と長期になる場合、審査要件の一部が変化している可能性があります。

サイトに変更履歴も紹介されていますので、こちらもあわせてご確認ください。

https://stripe.com/docs/stripe-apps/review-changelog

## 公開のためにアプリをアップロードする


公開するアプリは、一度Stripeアカウントにアップロードする必要があります。

Stripe CLIで`stripe apps upload`を実行しましょう。

```bash
$ stripe apps upload
⬆ You are about to upload your Stripe App First Stripe App version "0.0.1" to テストアカウント(日本).
? Would you like to proceed? [Y/n] █
```

[y]を入力すると、ビルドとアップロードが始まります。

```bash
✔ Built files for production
✔ Packaged files for upload
✔ Uploaded First Stripe App

🌐 Press Enter to continue on the Stripe dashboard
```
と表示されますので、[Enterキー]を押してStripeダッシュボードに移動しましょう。

![スクリーンショット 2022-12-19 16.48.09.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2366300/add5a791-cf2f-60a4-1112-604ff1a867cb.png)

アプリの画面に移動できれば、アップロード完了です。

:::note warn
**ビルドエラーにご注意**
アップロード前に、ビルドが行われます。
このビルド時にエラーが発生すると、アップロード処理が中断されます。

```bash
Would you like to proceed: y
×  Failed to build files
✘ [ERROR] Expected identifier but found "{"

    .build/manifest.js:23:2:
      23 │   {
         ╵   ^

```

`.build/`のコードエラーが出た場合は、`rm -rf ./.build/`で中身を一度削除してみましょう。
:::

## ダッシュボードからリリースを準備する

アップロードしたアプリを審査に出すには、リリースを作成します。

公開したいアプリの詳細画面で、[すべてのStripeユーザーに公開]を選びましょう。

![スクリーンショット 2022-12-20 20.46.07.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2366300/ab6111ba-de64-5c37-9750-5d3c799d7d3a.png)

[続ける]をクリックすると、確認画面が開きます。

![スクリーンショット 2022-12-20 20.47.08.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2366300/5a98c615-0e3e-2ad6-d3be-97db07d14bc7.png)

:::note info
**本当に公開したいアプリが、別にある場合**
もし本当に公開したいアプリが別に存在する場合は、[キャンセル]しましょう。

ページ左上のアカウント名をクリックし、[新規アカウント]を選びます。

![スクリーンショット 2022-12-20 20.49.32.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2366300/bf54dec3-02e8-deb5-e9cd-449a643c5101.png)

作成した新しいアカウントで、公開したいアプリ以外での操作を試しましょう。
:::


[続ける]をクリックすると、[リスト掲載内容を編集]ボタンが表示されます。

![スクリーンショット 2022-12-20 20.51.03.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2366300/1f59a17a-4692-95d1-44ae-fdf7e6290212.png)


クリックすると、App Marketplaceに掲載するための情報を入力する画面に移動します。

![スクリーンショット 2022-12-20 20.52.27.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2366300/7965a436-0ead-cf75-cc83-74590b6a2472.png)

[[アプリの掲載ガイドライン]](https://stripe.com/docs/stripe-apps/listing-guidelines)を参考に、情報を入力しましょう。

https://stripe.com/docs/stripe-apps/listing-guidelines

すべての情報を入力すると、公開のためのレビューを申請できます。

## フィードバックを修正する

申請内容やアプリに変更が必要な場合、Stripeからメールが届きます。

![スクリーンショット 2022-12-20 20.54.18.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2366300/fe02d454-8e44-caaa-11b6-51476aa634cf.png)

[Required（必ず対応が必要な項目）]と[Recommended（アプリの動作や掲載する情報がより良くするための提案）]の２種類がフィードバックとして共有されます。

フィードバックを受け取った後の流れは、おおよそ次のとおりです。

+ アプリを修正する
+ `stripe-app.json`でバージョンを変更する（例: `0.0.1` -> `0.0.2`）
+ `stripe apps upload`でアプリをアップロードする
+ アプリの掲載内容を変更する
+ レビューを再申請する

## アプリを公開する

アプリの審査でOKが出た場合も、メールで通知が届きます。

あとはアプリの詳細画面から、公開操作を行いましょう。

公開操作を完了すると、マーケットプレイスにアプリが掲載されます。

![スクリーンショット 2022-12-20 21.00.44.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2366300/dca792f7-7bf7-9c1d-f58f-19634429de8a.png)

## アプリのアップデートについて

アプリへの新しい機能の追加や不具合修正などのリリースを行う場合は、公開時と同じフローを再度行います。

+ アプリを更新する
+ `stripe-app.json`でバージョンを変更する（例: `0.0.1` -> `0.1.0`）
+ `stripe apps upload`でアプリをアップロードする
+ 機能を追加した場合は、アプリの掲載内容に反映する
+ レビューを申請する
+ 審査でOKが出る
+ アプリを公開する

2022/12の時点では、ユーザーには常に最新バージョンが配信されます。

## アプリをプロモーションする

公開したアプリを、ユーザーに告知するためのデザインリソースをStripeがFigmaで公開しています。

https://stripe.com/docs/stripe-apps/promote-app

プロモーション方法の例なども紹介されていますので、こちらもぜひご確認ください。

## Stripe Appsひとりアドベントカレンダー 2022

今年ベータリリースされたばかりのStripe Appsは、まだ日本語の情報が多くありません。

そこでQiita Advent Calendar 2022にて、毎日Stripe Appsについての情報を投稿します。

https://qiita.com/advent-calendar/2022/stripe-apps

ノーコードで利用する方法や、開発するためのTipsなども紹介予定ですので、ぜひ購読をお願いします。