stdout

{"data":{"status":"ok","id":"40968d26-5cb6-4d80-9bad-22aa9e350934"}}
筆者に「ここに私へのメッセージをくださいｗ」とプッシュ通知を送りました。


# Expo製React NativeのPush通知のバックエンド部分が少し迷ったのでメモしておく


## ExpoのPush通知の仕組みと手順

### 仕組み

端末ごとにExpoの通知トークンが存在する。モバイルアプリは、iOSなら許可された時(=オプトイン)、Androidなら拒否されない時(=オプトアウト)に取得できる。

例えばこんな感じ：`ExponentPushToken[hogehogehogehogehogehoge]`
どうやら`Exponent...`の部分も必要らしい


### 手順(かんたん2ステップ！)

### ステップ 1
まずはフロントエンドでユーザーから手に入れたトークンをバックエンドに保存する。
フロントエンドについては[この記事](https://kaminashi-developer.hatenablog.jp/entry/expo-notifications)がわかりやすかった。

### ステップ 2
バックエンドの好きな言語で、ExpoのAPIを叩く。素敵なAPIで、通知対象がiOSかAndoridかに関わらず叩くだけでいい。うまくラップしてくれていてありがたい。　

では実際のコードが以下である。


```python
import requests
import json

expo_push_url = "https://exp.host/--/api/v2/push/send"

push_token = "ExponentPushToken[9e_gS5IRxODynpC9SfJxHx]"

payload = {
    "to": push_token,
    "title":"Push通知のタイトル！！！", 
    "body": "Google Colabから送信"
  }

res = requests.post(
        expo_push_url,
        json.dumps(payload),
        headers={'Content-Type': 'application/json'})
print(res.text)
print('Push通知の送信に成功しました')
```

    {"data":{"status":"ok","id":"a7ef0911-3e29-46d7-b44d-6a71cae0d094"}}


Curlの場合はこれ
```
curl -H "Content-Type: application/json" -X POST "https://exp.host/--/api/v2/push/send" -d '{
  "to": "ExponentPushToken[hogehogehogehogehogehoge]",
  "title":"hello",
  "body": "world"
}'
```

## まとめ

トークンとメッセージ等をつけてAPIを叩くと通知ができることがわかった。
実際には各言語ごとにライブラリがあるのでそれを使用するのが良さそうだが、やっていることはAPIを叩いているだけと思えば理解しやすいかと感じた。
Pythonなら[これ](https://github.com/expo-community/expo-server-sdk-python)が公式っぽい

# Expo製React NativeのPush通知のバックエンド部分が少し迷ったのでメモしておく


## ExpoのPush通知の仕組みと手順

### 仕組み

端末ごとにExpoの通知トークン

PythonでExpo製React NativeにPush通知を打つバックエンドの実装

Expo製React NativeのPush通知のバックエンド部分が少し迷ったのでメモしておく

ExpoのPush通知の仕組みと手順

仕組み

手順(かんたん2ステップ！)

ステップ 1

ステップ 2

Discussion

コメントにはログインが必要です。