【monaca】cookieを保存できない

Question

### 前提・実現したいこと

monacaでアプリを開発しています。ログイン認証するAPIから受け取ったcookieを別のAPIコール時に付加することができず困っています。

具体的にやりたいことは、
１．アプリのログイン画面で入力したID,パスワードをAPIに送信する。
２．APIは受信したID,パスワードを検証し問題なければcookie（認証用）を返す。
３．アプリはcookie（認証用）を保存する。
４．アプリの記事登録画面で入力した情報を、保存しているcookie（認証用）と共にAPIに送信する。
５．APIは受信したcookie（認証用）を検証し問題なければ記事登録を行う。
です。

質問は下記2点です。
- monacaアプリでcookieを使用することはできるのでしょうか？ここ数日試行錯誤しているのですが解決しません。そもそもmonacaアプリでcookieは使用できるのか、と疑問に思った次第です。monacaアプリでcookieを登録するのではなく、APIからのcookie（サードパーティクッキー？）が使用できるのか、が知りたいです。

- monacaアプリでcookieを使用することができる場合、どのような手続きが必要なのでしょうか？①axiosのオプションでwithCredentials: trueを設定する、②cookieにSameSite=None、Secure=trueの属性を付ける、以外に何かございましたらご教授いただきたいです。


【環境】
API側：　Azure、IIS、ASP.NET
アプリ側：　monaca、react、onsenui、axios、cordova10.0.0


### 発生している問題・エラーメッセージ

５でAPIがHTTPステータスコード401を返してしまいます。つまり４でcookie（認証用）がAPIに送信されていません。
さらに下記の理由からそもそも３でcookieが保存されていないのではないかと推測しました。
- ２のAPI側でcookie（認証用）が返されていることを確認済み。
- ４のAPI側でcookie（認証用）が付加されていないことを確認済み。
- localkit（または同様の機能を実装したWEBアプリ）では問題なくcookie（認証用）がアプリ側に保存されAPIに送信されています。

実機（iPhone8 iOS14.7.1）で上記問題が発生します。


### 該当のソースコード

ログインAPIを呼び出すコードは下記です。このAPIは正常終了します。
```javascript
        axios.post("https://aaabbbccc.com/api/login", {id: '99999', pw: '123456'}, {withCredentials: true})
            .then((response) => {
                // 正常終了
                if(response.status == 200){
                }
          })
          .catch((error) => {
                // エラー
                if (error.response) {
                    if (error.response.status == 401) {
                    }
                    else {
                    }
                } else if (error.request) {
                } else {
                }
        });

```
記事登録APIを呼び出すコードです。このAPIは401で返ってきます。
```javascript
        axios.post("https://aaabbbccc.com/api/article", {content: 'あいうえお'}, {withCredentials: true})
            .then((response) => {
                // 正常終了
                if(response.status == 200){
                }
          })
          .catch((error) => {
                // エラー
                if (error.response) {
                    if (error.response.status == 401) {
                        alert('認証されていません');
                    }
                    else {
                    }
                } else if (error.request) {
                } else {
                }
        });

```

### 試したこと

下記を参照しAPI側のcookieにSameSite=None、Secure=trueが設定されるようにしました。
[[Monaca] Web APIリクエスト時にCookie認証情報が渡されない](https://teratail.com/questions/237926)

また、IIS側に下記設定を追加しました。
Access-Control-Allow-Credentials：true
Access-Control-Allow-Origin：monaca-app://monaca.io  　　←　config.xmlに設定したもの

Answer

> 実機（iPhone8 iOS14.7.1）で上記問題が発生します。

以下の記事に書いてある「2016 年の IETF による Cookie の SameSite 属性に関するドラフト標準に則ったブラウザー (iOS12 の Safari 等) では None の値が認識できず、認識できない値は Strict として処理するようになっています」ということなのかもしれませんね（想像です）。そのあたりを調べてみてはいかがですか？

ASP.NET における SameSite Cookie について
[https://jpdsi.github.io/blog/web-apps/aspdotnet-samesitecookie/](https://jpdsi.github.io/blog/web-apps/aspdotnet-samesitecookie/)

前提・実現したいこと

発生している問題・エラーメッセージ

該当のソースコード

試したこと

関連した質問