メインコンテンツにジャンプ
Capacitor

Capacitorの新しいソーシャルログインプラグインのリリース

Capacitorのソーシャルログインプラグインは、iOS、Android、WebでGoogle、Facebook、Appleでログインすることができるプラグインです。

WcaleNieWolny

WcaleNieWolny

コンテンツマーケター

Capacitorの新しいソーシャルログインプラグインのリリース

導入

こんにちは、Michaelです (WcaleNieWolny) 👋,

1か月間、頑張って (そして少し苦痛な😊) の仕事をして、Capacitorのソーシャルログインの最初のリリースを発表することができて嬉しいです。このプラグインは、iOSとAndroidでGoogleとAppleログインを扱うのに役立ちます。また、マーティンと一緒に、以下のようなユニークな機能を開発しています:

  • AndroidでAppleのログイン機能を導入
  • The adoption of the new Google Credentials API
  • 詳細なドキュメントの追加

AndroidでAppleのログイン機能

まず、AndroidでAppleのログイン機能の主な革新について話し合いましょう。このことは、AppleのSDKがこの機能を提供していないため、非凡なものでした。私は この記事 を参考にしましたが、セキュリティ上の理由で少し変更しました。最終的に得た流れは次のようになりました:

Appleログインのフローチャート

残念ながら、バックエンドとアプリのcodeの変更が必要ですが、できるだけ最善のものを実現しました。

AndroidでGoogleのログイン機能を更新

次に、AndroidでGoogleのログイン機能を実装しようとしました。実際には CapacitorGoogleAuth uses a すぐに廃止されるGMSライブラリ. これらのGMSライブラリがレガシーのため、CredentialManagerを使用しました。 CredentialManagerCredentialManagerを使用すると、ログインフローが簡素化され、不快なエラー10が削除されました。 エラー10 🎉

ドキュメント

context":"Navigation label for Documentation. Page/area: Capgo Builder / native cloud build product page. Role: Short UI label or navigation item. Message key `native_build_v2_comp_docs_l` (Native Build V2 Comp Docs L). | Navigation label for Documentation. Page/area: Capgo marketing website. Role: Short UI label or navigation item. Seen in: site footer. Message key `documentation` (Documentation)." 最後に、素晴らしい✨ドキュメントを書きました。正確で詳細なドキュメントを作成するために、多くの時間を費やしました。 ドキュメントには、AppleとGoogleの両方の設定に関する詳細なガイドが含まれています。また、Appleのログインに例として使用できるバックエンドも提供しています。 例としてのバックエンド

Appleのログイン Appleのログインをご確認ください。Google ガイド!

結論

In conclusion, the Capacitor Social Login plugin introduces a lot of new and exciting features with more to come in the future 🚀

Keep going from Release of a brand new Capacitor Social Login plugin

あなたが使用している Release of a brand new Capacitor Social Login plugin 認証とアカウントフローの計画に使用している場合、@__CAPGO_KEEP_1__-social-login @capgo/capacitor-social-login for the implementation detail in @capgo/capacitor-social-login, @capgo/capacitor-passkey for the implementation detail in @capgo/capacitor-passkey, for the implementation detail in @capgo/capacitor-passkey、 @capgo/capacitor-native-biometric for the implementation detail in @__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-native-biometric、 2要素認証 for the implementation detail in 2要素認証、 SSO (Enterprise)

Live updates for Capacitor apps

When a web-layer bug is live, ship the fix through Capgo instead of waiting days for app store approval. Users get the update in the background while native changes stay in the normal review path.

マーティンによる人工知能サポート

今すぐ始めましょう

最新のブログ記事

Capgo gives you the best insights you need to create a truly professional mobile app.