> ## Documentation Index
> Fetch the complete documentation index at: https://docs-dev-feat-init-gt-translations.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.
> このチュートリアルでは、Auth0 を使って .NET Android または iOS アプリケーションにユーザーのログイン機能を追加する方法を説明します。
# .NET Android および iOS アプリケーションにログインを追加する
export const AuthCodeGroup = ({children, dropdown}) => {
const [processedChildren, setProcessedChildren] = useState(children);
useEffect(() => {
let unsubscribe = null;
function init() {
unsubscribe = window.autorun(() => {
const processChildren = node => {
if (typeof node === "string") {
let processedNode = node;
for (const [key, value] of window.rootStore.variableStore.values.entries()) {
const escapedKey = key.replaceAll(/[.*+?^${}()|[\]\\]/g, (String.raw)`\$&`);
processedNode = processedNode.replaceAll(new RegExp(escapedKey, "g"), value);
}
return processedNode;
} else if (Array.isArray(node)) {
return node.map(processChildren);
} else if (node && node.props && node.props.children) {
return {
...node,
props: {
...node.props,
children: processChildren(node.props.children)
}
};
}
return node;
};
setProcessedChildren(processChildren(children));
});
}
if (window.rootStore) {
init();
} else {
window.addEventListener("adu:storeReady", init);
}
return () => {
window.removeEventListener("adu:storeReady", init);
unsubscribe?.();
};
}, [children]);
return {processedChildren};
};
export const QuickstartButtons = ({githubLink, lang = "en"}) => {
const translations = {
en: {
viewOnGithub: "GitHubで表示",
loginAndDownload: "サンプルをダウンロード"
},
"fr-ca": {
viewOnGithub: "GitHubで表示",
loginAndDownload: "サンプルをダウンロード"
},
"ja-jp": {
viewOnGithub: "GitHubで表示",
loginAndDownload: "サンプルをダウンロード"
}
};
const text = translations[lang] || translations.en;
const parseGithubUrl = url => {
try {
const urlObj = new URL(url);
const pathParts = urlObj.pathname.split("/").filter(Boolean);
if (pathParts.length >= 4 && pathParts[2] === "tree") {
const repoName = pathParts[1];
const branch = pathParts[3];
const path = pathParts.slice(4).join("/") || undefined;
return {
repo: repoName,
branch,
path
};
}
console.warn("GitHub URLを解析できませんでした:", url);
return null;
} catch (error) {
console.error("GitHub URLの解析中にエラーが発生しました:", error);
return null;
}
};
const handleDownload = async () => {
const params = parseGithubUrl(githubLink);
if (!params) {
console.error("GitHub URLの形式が無効です");
return;
}
try {
await window.Auth0DocsUI?.getSample(params);
} catch (error) {
console.error("サンプルのダウンロードに失敗しました:", error);
}
};
return ;
};
export const LoggedInForm = ({sampleApp}) => {
const LS_APPS_KEY = "auth_demo_apps";
const LS_APP_CFG_KEY = "auth_demo_app_cfg";
const CHANNEL = "auth_flows_sync_v1";
const mkChannel = () => new BroadcastChannel(CHANNEL);
function uid() {
return Math.random().toString(36).slice(2) + Date.now().toString(36);
}
function loadApps() {
const raw = localStorage.getItem(LS_APPS_KEY);
if (raw) return JSON.parse(raw);
const seeded = [{
id: "{yourClientId}",
name: "Default App"
}];
localStorage.setItem(LS_APPS_KEY, JSON.stringify(seeded));
return seeded;
}
function saveApps(apps) {
localStorage.setItem(LS_APPS_KEY, JSON.stringify(apps));
}
function loadCfg() {
const raw = localStorage.getItem(LS_APP_CFG_KEY);
return raw ? JSON.parse(raw) : {};
}
function saveCfg(cfg) {
localStorage.setItem(LS_APP_CFG_KEY, JSON.stringify(cfg));
}
const RightChevron = ({className = "w-5 h-5", ...props}) => ;
const LightningIcon = () => ;
const LayersIcon = () => ;
const GithubIcon = () => ;
function IconTile({children}) {
return
{children}
;
}
function Card({className = "", children}) {
return {children}
;
}
function Button({variant = "primary", type = "button", onClick, children}) {
const base = "inline-flex items-center justify-center gap-2 h-10 px-4 rounded-xl font-medium transition";
let styles = "";
if (variant === "primary") {
styles = "mint-bg-indigo-600 text-white hover:mint-bg-indigo-700";
} else if (variant === "outline") {
styles = "border border-zinc-300 dark:border-zinc-700 mint-bg-transparent hover:mint-bg-zinc-50 dark:hover:mint-bg-zinc-800";
} else if (variant === "ghost") {
styles = "hover:mint-bg-zinc-100 dark:hover:mint-bg-zinc-800";
}
return ;
}
function Input({id, label, value, onChange, placeholder, name}) {
return ;
}
function Select({label, value, onChange, options}) {
return ;
}
function Toast({open, onClose, children}) {
useEffect(() => {
if (!open) return;
const t = setTimeout(onClose, 2200);
return () => clearTimeout(t);
}, [open, onClose]);
return ;
}
function Flows() {
const [route, setRoute] = useState("menu");
const [apps, setApps] = useState(loadApps());
const [cfg, setCfg] = useState(loadCfg());
const [selected, setSelected] = useState(apps[0]?.id || "");
const [toast, setToast] = useState(false);
const [bc] = useState(() => mkChannel());
useEffect(() => {
if (!apps.find(a => a.id === selected)) {
setSelected(apps[0]?.id || "");
}
}, [apps, selected]);
useEffect(() => {
const onMsg = e => {
const {type, payload} = e.data || ({});
switch (type) {
case "NAV":
setRoute(payload.route);
break;
case "SELECT":
setSelected(payload.appId);
break;
case "APPS_UPDATED":
setApps(loadApps());
break;
case "CFG_UPDATED":
setCfg(loadCfg());
setToast(true);
break;
default:
break;
}
};
bc.addEventListener("message", onMsg);
return () => bc.removeEventListener("message", onMsg);
}, [bc]);
const nav = nextRoute => {
setRoute(nextRoute);
bc.postMessage({
type: "NAV",
payload: {
route: nextRoute
}
});
};
const selectApp = appId => {
setSelected(appId);
bc.postMessage({
type: "SELECT",
payload: {
appId
}
});
};
const onCreate = name => {
const id = uid();
const next = [...apps, {
id,
name: name || "Untitled"
}];
setApps(next);
saveApps(next);
bc.postMessage({
type: "APPS_UPDATED"
});
selectApp(id);
nav("integrate");
};
const onSaveCfg = (appId, data) => {
const next = {
...cfg,
[appId]: data
};
setCfg(next);
saveCfg(next);
setToast(true);
bc.postMessage({
type: "CFG_UPDATED"
});
};
return
{route === "menu" &&
;
}
function Menu({onCreate, onIntegrate}) {
return ;
}
function CreateForm({onSave, onCancel}) {
const [name, setName] = useState("");
return ;
}
function IntegrateForm({apps, selected, onSelect, saved, onSave, onCancel}) {
const [callbacks, setCallbacks] = useState(saved?.callbacks ?? "");
const [logouts, setLogouts] = useState(saved?.logouts ?? "");
const [origins, setOrigins] = useState(saved?.origins ?? "");
useEffect(() => {
setCallbacks(loadCfg()[selected]?.callbacks ?? "");
setLogouts(loadCfg()[selected]?.logouts ?? "");
setOrigins(loadCfg()[selected]?.origins ?? "");
}, [selected]);
return ;
}
return
;
};
export const SignUpForm = () => {
const [isAuthenticated, setIsAuthenticated] = useState(false);
const [storeReady, setStoreReady] = useState(false);
useEffect(() => {
let unsubscribe = null;
function init() {
setStoreReady(true);
unsubscribe = window.autorun(() => {
const authenticated = window.rootStore?.sessionStore?.isAuthenticated || false;
setIsAuthenticated(authenticated);
});
}
if (window.rootStore) {
init();
} else {
window.addEventListener("adu:storeReady", init);
}
return () => {
window.removeEventListener("adu:storeReady", init);
unsubscribe?.();
};
}, []);
function LoggedInForm({sampleApp}) {
const LS_APPS_KEY = "auth_demo_apps";
const LS_APP_CFG_KEY = "auth_demo_app_cfg";
const CHANNEL = "auth_flows_sync_v1";
const mkChannel = () => new BroadcastChannel(CHANNEL);
function uid() {
return Math.random().toString(36).slice(2) + Date.now().toString(36);
}
function loadApps() {
const raw = localStorage.getItem(LS_APPS_KEY);
if (raw) return JSON.parse(raw);
const seeded = [{
id: "{yourClientId}",
name: "デフォルトアプリ"
}];
localStorage.setItem(LS_APPS_KEY, JSON.stringify(seeded));
return seeded;
}
function saveApps(apps) {
localStorage.setItem(LS_APPS_KEY, JSON.stringify(apps));
}
function loadCfg() {
const raw = localStorage.getItem(LS_APP_CFG_KEY);
return raw ? JSON.parse(raw) : {};
}
function saveCfg(cfg) {
localStorage.setItem(LS_APP_CFG_KEY, JSON.stringify(cfg));
}
const RightChevron = ({className = "w-5 h-5", ...props}) => ;
const LightningIcon = () => ;
const LayersIcon = () => ;
const GithubIcon = () => ;
function IconTile({children}) {
return
{children}
;
}
function Card({className = "", children}) {
return {children}
;
}
function Button({variant = "primary", type = "button", onClick, children}) {
const base = "inline-flex items-center justify-center gap-2 h-10 px-4 rounded-xl font-medium transition";
let styles = "";
if (variant === "primary") {
styles = "mint-bg-indigo-600 text-white hover:mint-bg-indigo-700";
} else if (variant === "outline") {
styles = "border border-zinc-300 dark:border-zinc-700 mint-bg-transparent hover:mint-bg-zinc-50 dark:hover:mint-bg-zinc-800";
} else if (variant === "ghost") {
styles = "hover:mint-bg-zinc-100 dark:hover:mint-bg-zinc-800";
}
return ;
}
function Input({id, label, value, onChange, placeholder, name}) {
return ;
}
function Select({label, value, onChange, options}) {
return ;
}
function Toast({open, onClose, children}) {
useEffect(() => {
if (!open) return;
const t = setTimeout(onClose, 2200);
return () => clearTimeout(t);
}, [open, onClose]);
return ;
}
function Flows() {
const [route, setRoute] = useState("menu");
const [apps, setApps] = useState(loadApps());
const [cfg, setCfg] = useState(loadCfg());
const [selected, setSelected] = useState(apps[0]?.id || "");
const [toast, setToast] = useState(false);
const [bc] = useState(() => mkChannel());
useEffect(() => {
if (!apps.find(a => a.id === selected)) {
setSelected(apps[0]?.id || "");
}
}, [apps, selected]);
useEffect(() => {
const onMsg = e => {
const {type, payload} = e.data || ({});
switch (type) {
case "NAV":
setRoute(payload.route);
break;
case "SELECT":
setSelected(payload.appId);
break;
case "APPS_UPDATED":
setApps(loadApps());
break;
case "CFG_UPDATED":
setCfg(loadCfg());
setToast(true);
break;
default:
break;
}
};
bc.addEventListener("message", onMsg);
return () => bc.removeEventListener("message", onMsg);
}, [bc]);
const nav = nextRoute => {
setRoute(nextRoute);
bc.postMessage({
type: "NAV",
payload: {
route: nextRoute
}
});
};
const selectApp = appId => {
setSelected(appId);
bc.postMessage({
type: "SELECT",
payload: {
appId
}
});
};
const onCreate = name => {
const id = uid();
const next = [...apps, {
id,
name: name || "無題"
}];
setApps(next);
saveApps(next);
bc.postMessage({
type: "APPS_UPDATED"
});
selectApp(id);
nav("integrate");
};
const onSaveCfg = (appId, data) => {
const next = {
...cfg,
[appId]: data
};
setCfg(next);
saveCfg(next);
setToast(true);
bc.postMessage({
type: "CFG_UPDATED"
});
};
return
{route === "menu" &&
;
}
function Menu({onCreate, onIntegrate}) {
return ;
}
function CreateForm({onSave, onCancel}) {
const [name, setName] = useState("");
return ;
}
function IntegrateForm({apps, selected, onSelect, saved, onSave, onCancel}) {
const [callbacks, setCallbacks] = useState(saved?.callbacks ?? "");
const [logouts, setLogouts] = useState(saved?.logouts ?? "");
const [origins, setOrigins] = useState(saved?.origins ?? "");
useEffect(() => {
setCallbacks(loadCfg()[selected]?.callbacks ?? "");
setLogouts(loadCfg()[selected]?.logouts ?? "");
setOrigins(loadCfg()[selected]?.origins ?? "");
}, [selected]);
return ;
}
return
;
}
function SignUpFormInternal() {
return
登録 for an{" "}
Auth0 アカウント
{" "}
または{" "}
console.log("ログイン")}>
ログイン
{" "}
既存のアカウントにログインして、ご自身のテナントと直接連携できます。
;
}
return <>;
};
export const SideMenuSectionItem = ({id, children}) => {
return ;
};
export const SideMenu = ({sections, children}) => {
const [visibleSection, setVisibleSection] = useState(sections[0]?.id ?? null);
const checkVisibility = () => {
let currentVisible = null;
const viewportHeight = window.innerHeight;
const scrollY = window.scrollY;
sections.forEach(({id}) => {
const section = document.getElementById(id);
if (section) {
const rect = section.getBoundingClientRect();
const sectionTop = rect.top + scrollY;
const sectionBottom = sectionTop + rect.height;
const multiplier = viewportHeight > 1600 ? 0.34 : 0.22;
if (scrollY + viewportHeight * multiplier >= sectionTop && scrollY <= sectionBottom) {
currentVisible = id;
}
}
});
if (currentVisible && currentVisible !== visibleSection) {
setVisibleSection(currentVisible);
}
};
useEffect(() => {
const throttledCheck = () => {
setTimeout(checkVisibility, 100);
};
checkVisibility();
window.addEventListener("scroll", throttledCheck);
return () => {
window.removeEventListener("scroll", throttledCheck);
};
}, [sections, visibleSection]);
useEffect(() => {
sections.forEach(({id}) => {
const section = document.getElementById(id);
const sideMenuItem = document.getElementById(`side-menu-item-${id}`);
if (section) {
if (id === visibleSection) {
section.classList.add("active-section");
} else {
section.classList.remove("active-section");
}
}
if (sideMenuItem) {
if (id === visibleSection) {
sideMenuItem.classList.add("active-side-menu-item");
} else {
sideMenuItem.classList.remove("active-side-menu-item");
}
}
});
}, [visibleSection, sections]);
return
{children.map(child => {
if (child.props.id === visibleSection) {
return child;
}
return null;
})}
;
};
export const Section = ({id, title, stepNumber, children, isSingleColumn = false}) => {
return
{}
{children}
;
};
export const Content = ({title, children}) => {
return
{title &&
{title}
}
{children}
;
};
export const Recipe = ({children, isSingleColumn = false}) => {
return
{children}
;
};
export const sections = [{
id: "configure-auth0",
title: "Auth0 を設定する"
}, {
id: "install-the-auth0-sdk",
title: "Auth0 SDK をインストールする"
}, {
id: "instantiate-the-auth0client",
title: "Auth0Client をインスタンス化する"
}, {
id: "configure-android",
title: "Android を設定する"
}, {
id: "configure-ios",
title: "iOS を設定する"
}, {
id: "add-login-to-your-application",
title: "アプリケーションにログインを追加する"
}, {
id: "add-logout-to-your-application",
title: "アプリケーションにログアウトを追加する"
}, {
id: "show-user-profile-information",
title: "ユーザープロファイル情報を表示する"
}];
Auth0を使用すると、ほぼあらゆる種類のアプリケーションに素早く認証を追加できます。このガイドでは、[Android](https://www.nuget.org/packages/Auth0.OidcClient.AndroidX/)版および[iOS](https://www.nuget.org/packages/Auth0.OidcClient.iOS)版のAuth0 SDKを使用して、.NET AndroidおよびiOSアプリケーションへのAuth0の統合、認証の追加、ユーザープロファイル情報の表示を行う方法を説明します。
このクイックスタートでは、.NET Android と iOS を対象としています。これらは
`Xamarin.Android` と `Xamarin.iOS` の次世代版だからです。現在も
`Xamarin.Android` と `Xamarin.iOS` を使用している場合でも、連携は
同じで SDK にも互換性があるため、このガイドをそのまま利用できます。
このクイックスタートを使用するには、以下が必要です：
Auth0 のサービスを利用するには、Auth0 Dashboard でアプリケーションを設定しておく必要があります。Auth0 アプリケーションでは、
プロジェクトの認証の動作を設定します。
### アプリケーションを設定する
インタラクティブセレクターを使って新しい "Native Application" を作成するか、連携したいプロジェクトに対応する既存のアプリケーションを選択します。Auth0 のすべてのアプリケーションには英数字の一意な
client ID が割り当てられ、アプリケーションのコードはそれを使って SDK 経由で Auth0 API を呼び出します。
この Quickstart で行った設定は、[Auth0 Dashboard](https://manage.auth0.com/#/) 上のアプリケーションに自動的に反映されます。今後はここで
アプリケーションを管理できます。
構成全体を確認したい場合は、代わりにサンプルアプリケーションを参照することもできます。
### コールバック URL を設定する
コールバック URL は、ユーザーの
認証後に Auth0 がリダイレクトするアプリケーション内の URL です。設定しない場合、ユーザーはログイン後にアプリケーションへ戻れません。
サンプルプロジェクトに沿って進めている場合は、プラットフォームに応じて次のいずれかの URL に設定してください。
* **Android**: `YOUR_PACKAGE_NAME://{yourDomain}/android/YOUR_PACKAGE_NAME/callback`
* **iOS**: `YOUR_BUNDLE_ID://{yourDomain}/ios/YOUR_BUNDLE_ID/callback`
**Android**: `YOUR_PACKAGE_NAME://{yourDomain}/android/YOUR_PACKAGE_NAME/callback`
**iOS**: `YOUR_BUNDLE_ID://{yourDomain}/ios/YOUR_BUNDLE_ID/callback`
### Logout URL を設定する
Logout URL は、ユーザーのログアウト後に Auth0 がリダイレクトするアプリケーション内の URL です。設定しない場合、ユーザーはアプリケーションからログアウトできず、エラーが表示されます。
サンプルプロジェクトに沿って進めている場合は、プラットフォームに応じて次のいずれかの URL に設定してください。
* **Android**: `YOUR_PACKAGE_NAME://{yourDomain}/android/YOUR_PACKAGE_NAME/callback`
* **iOS**: `YOUR_BUNDLE_ID://{yourDomain}/ios/YOUR_BUNDLE_ID/callback`
**Android**: `YOUR_PACKAGE_NAME://{yourDomain}/android/YOUR_PACKAGE_NAME/callback`
**iOS**: `YOUR_BUNDLE_ID://{yourDomain}/ios/YOUR_BUNDLE_ID/callback`
最後に、アプリケーションの **アプリケーションの種類** が [アプリケーションの
設定](https://manage.auth0.com/#/applications/) で **Native** に設定されていることを確認してください。
Auth0 では、.NET Android および iOS アプリケーションに Auth0 の
認証を実装する作業を簡単にするために、[Android](https://www.nuget.org/packages/Auth0.OidcClient.AndroidX/) 用と [iOS](https://www.nuget.org/packages/Auth0.OidcClient.iOS) 用の SDK を提供しています。
NuGet パッケージ マネージャー (Tools -> Library Package Manager -> Package Manager Console) を使用して、
Android アプリケーションをビルドするか iOS アプリケーションをビルドするかに応じて、`Auth0.OidcClient.AndroidX` または `Auth0.OidcClient.iOS` パッケージをインストールします。
または、NuGet パッケージ マネージャー コンソール (`Install-Package`) や
`dotnet` CLI (`dotnet add`) を使用することもできます。
```
Install-Package Auth0.OidcClient.AndroidX
Install-Package Auth0.OidcClient.iOS
```
```
dotnet add Auth0.OidcClient.AndroidX
dotnet add Auth0.OidcClient.iOS
```
Auth0 をアプリケーションに統合するには、Auth0 Domain と Client ID を含む `Auth0ClientOptions` のインスタンスを渡して、
`Auth0Client` クラスのインスタンスを生成します。
```csharp theme={null}
using Auth0.OidcClient;
var client = new Auth0Client(new Auth0ClientOptions {
Domain = "{yourDomain}",
ClientId = "{yourClientId}"
}, this);
```
デフォルトでは、SDK は Android では Chrome Custom Tabs、iOS では ASWebAuthenticationSession を使用します。
##### 確認事項
これで `Auth0Client` は正しく初期化されているはずです。アプリケーションを実行して、次の点を確認してください。
* `Auth0Client` が、`Activity`(Android) または
`UIViewController`(iOS) で正しく初期化されていること。
* アプリケーションで Auth0 に関連するエラーが発生していないこと。
ユーザーの認証が正常に完了すると、この
Quickstart で先ほど設定したコールバック URL にリダイレクトされます。
Android デバイスでコールバックを処理するには、このコールバック URL を処理するインテントを登録する必要があります。これを簡単に
行うには、`LoginAsync` メソッドを呼び出して認証フローを
開始したのと同じアクティビティにインテントを登録します。
コード サンプル内の `YOUR_ANDROID_PACKAGE_NAME` は、必ず実際の
アプリケーションのパッケージ名 (`com.mycompany.myapplication` など) に置き換えてください。また、
`DataScheme`、`DataHost`、`DataPathPrefix` の
文字列はすべて小文字にしてください。さらに、Activity には
`LaunchMode = LaunchMode.SingleTask` を設定してください。設定しないと、コールバック URL が呼び出されるたびに、システムによってアクティビティの新しいインスタンス
が毎回作成されます。
さらに、`Activity`
クラスの `OnNewIntent` イベントでインテントを処理する必要があります。
`ActivityMediator` シングルトンの `Send`
メソッドを呼び出して渡された URL をそのまま渡し、認証フローを完了するよう Auth0 OIDC Client に通知する必要があります。
```charp theme={null}
protected override void OnNewIntent(Intent intent)
{
base.OnNewIntent(intent);
ActivityMediator.Instance.Send(intent.DataString);
}
```
ユーザーの認証が正常に完了すると、この
Quickstartで先ほど設定したコールバックURLにリダイレクトされます。
iOSデバイスでコールバックを処理するには、次の手順に従います。
1. Visual Studioでアプリケーションの `Info.plist` ファイルを開き、\*\*Advanced \*\*タブに移動します。
2. **URL Types** で、\*\*Add URL Type \*\*ボタンをクリックします。
3. \*\*Identifier \*\*を Auth0 に設定し、\*\*URL Schemes \*\*をアプリケーションの
`Bundle Identifier` と同じ値にし、\*\*Role \*\*を `None` に設定します。
以下は、URL
Typeを追加した後の `info.plist` ファイルのXML表現の例です。
```xml theme={null}
CFBundleURLTypes
CFBundleTypeRole
None
CFBundleURLName
Auth0
CFBundleURLSchemes
YOUR_BUNDLE_IDENTIFIER
```
さらに、`AppDelegate` クラスの `OpenUrl` イベントでコールバック URL を処理する必要があります。受け取った
URL を渡して `ActivityMediator` シングルトンの `Send` メソッドを呼び出し、認証フローを完了できるよう
Auth0 OIDC Client に通知する必要があります。
Auth0 アプリケーションと Auth0 SDK の設定が完了したら、次にプロジェクトでログインを設定します。
これを行うには、SDK の `LoginAsync()` メソッドを使用して、ユーザーを
Auth0 Universal Login ページにリダイレクトするログインボタンを作成します。
```csharp theme={null}
var loginResult = await client.LoginAsync();
```
エラーがなければ、`LoginAsync()` から返される `LoginResult` の
`User`、`IdentityToken`、
`AccessToken`、`RefreshToken` にアクセスできます。
##### チェックポイント
これで、ユーザー名とパスワードを使ってログインまたはサインアップできるようになります。
ログインボタンをクリックして、次のことを確認してください。
* Android または iOS のアプリケーションから Auth0 Universal Login ページにリダイレクトされること。
* ログインまたはサインアップできること。
* Auth0 からアプリケーションにリダイレクトされること。
プロジェクトにログインするユーザーには、ログアウトする手段も必要です。SDK の
`LogoutAsync()` メソッドを使って、ログアウト ボタンを作成します。ユーザーがログアウトすると、Auth0 のログアウト エンドポイントにリダイレクトされ、
その後、この Quickstart で先ほど設定したログアウト URL にすぐにリダイレクトされます。
```csharp theme={null}
await client.LogoutAsync();
```
##### 確認ポイント
アプリケーションを起動し、ログアウトボタンをクリックします。次のことを確認してください。
* Android または iOS のアプリケーションが、Application Settings の Allowed
Logout URLs の 1 つとして指定したアドレスにリダイレクトされること。
* アプリケーションからログアウトされていること。
これでユーザーがログインおよびログアウトできるようになったので、次は認証済みユーザーに関連付けられたプロファイル情報を取得したくなるでしょう。
たとえば、プロジェクト内にログイン中のユーザーの名前やプロフィール画像を表示したい場合があります。
Android と iOS 向けの Auth0 SDK では、`LoginResult.User` プロパティを通じてユーザー情報を利用できます。
```csharp theme={null}
if loginResult.IsError == false {
var user = loginResult.User
var name = user.FindFirst(c => c.Type == "name")?.Value
var email = user.FindFirst(c => c.Type == "email")?.Value
var picture = user.FindFirst(c => c.Type == "picture")?.Value
}
```
## 次のステップ
お疲れ様でした！ここまで進めていれば、アプリケーションでログイン、ログアウト、およびユーザープロファイル情報が動作しているはずです。
これでクイックスタートチュートリアルは終了ですが、Auth0にはまだまだ多くの機能があります。Auth0でできることをさらに詳しく知りたい方は、以下をご覧ください：
* [Auth0 Dashboard](https://manage.auth0.com/dashboard/us/dev-gja8kxz4ndtex3rq) - Auth0 テナントとアプリケーションの設定・管理方法を学ぶ
* [auth0-oidc-client-net SDK](https://github.com/auth0/auth0-oidc-client-net) - このチュートリアルで使用する SDK についてさらに詳しく確認する
* [Auth0 Marketplace](https://marketplace.auth0.com/) - Auth0 の機能拡張に利用できる連携を見つける
```cs MainActivity.cs highlight={2-9} lines theme={null}
// Example of a full Android Activity
[Activity(Label = "AndroidSample", MainLauncher = true, Icon = "@drawable/icon",
LaunchMode = LaunchMode.SingleTask)]
[IntentFilter(
new[] { Intent.ActionView },
Categories = new[] { Intent.CategoryDefault, Intent.CategoryBrowsable },
DataScheme = "YOUR_ANDROID_PACKAGE_NAME",
DataHost = "{yourDomain}",
DataPathPrefix = "/android/YOUR_ANDROID_PACKAGE_NAME/callback")]
public class MainActivity : Activity
{
private Auth0Client _auth0Client;
protected override void OnNewIntent(Intent intent)
{
base.OnNewIntent(intent);
ActivityMediator.Instance.Send(intent.DataString);
}
protected override void OnCreate(Bundle bundle)
{
base.OnCreate(bundle);
Auth0ClientOptions clientOptions = new Auth0ClientOptions
{
Domain = "{yourDomain}"
ClientId = "{yourClientId}"
};
_auth0Client = new Auth0Client(clientOptions, this);
}
private async void LoginButtonOnClick(object sender, EventArgs eventArgs)
{
var loginResult = await _auth0Client.LoginAsync();
if (loginResult.IsError == false)
{
var user = loginResult.User;
var name = user.FindFirst(c => c.Type == "name")?.Value;
var email = user.FindFirst(c => c.Type == "email")?.Value;
var picture = user.FindFirst(c => c.Type == "picture")?.Value;
}
}
private async void LogoutButtonOnClick(object sender, EventArgs e)
{
await _auth0Client.LogoutAsync();
}
}
```
```cs AppDelegate.cs highlight={6-11} lines theme={null}
using Auth0.OidcClient;
[Register("AppDelegate")]
public class AppDelegate : UIApplicationDelegate
{
public override bool OpenUrl(UIApplication application, NSUrl url, string sourceApplication, NSObject annotation)
{
ActivityMediator.Instance.Send(url.AbsoluteString);
return true;
}
}
```
```cs MyViewController.cs lines theme={null}
// Example of a full iOS UIViewController
public partial class MyViewController : UIViewController
{
private Auth0Client _auth0Client;
public MyViewController() : base("MyViewController", null)
{
}
public override void ViewDidLoad()
{
base.ViewDidLoad();
Auth0ClientOptions clientOptions = new Auth0ClientOptions
{
Domain = "{yourDomain}"
ClientId = "{yourClientId}"
};
_auth0Client = new Auth0Client(clientOptions, this);
}
private async void LoginButton_TouchUpInside(object sender, EventArgs e)
{
var loginResult = await _auth0Client.LoginAsync();
if (loginResult.IsError == false)
{
var user = loginResult.User;
var name = user.FindFirst(c => c.Type == "name")?.Value;
var email = user.FindFirst(c => c.Type == "email")?.Value;
var picture = user.FindFirst(c => c.Type == "picture")?.Value;
}
}
private async void LogoutButton_TouchUpInside(object sender, EventArgs e)
{
await _auth0Client.LogoutAsync();
}
}
```
```cs AppDelegate.cs highlight={6-11} lines theme={null}
using Auth0.OidcClient;
[Register("AppDelegate")]
public class AppDelegate : UIApplicationDelegate
{
public override bool OpenUrl(UIApplication application, NSUrl url, string sourceApplication, NSObject annotation)
{
ActivityMediator.Instance.Send(url.AbsoluteString);
return true;
}
}
```
```cs MainActivity.cs highlight={2-9} lines theme={null}
// Example of a full Android Activity
[Activity(Label = "AndroidSample", MainLauncher = true, Icon = "@drawable/icon",
LaunchMode = LaunchMode.SingleTask)]
[IntentFilter(
new[] { Intent.ActionView },
Categories = new[] { Intent.CategoryDefault, Intent.CategoryBrowsable },
DataScheme = "YOUR_ANDROID_PACKAGE_NAME",
DataHost = "{yourDomain}",
DataPathPrefix = "/android/YOUR_ANDROID_PACKAGE_NAME/callback")]
public class MainActivity : Activity
{
private Auth0Client _auth0Client;
protected override void OnNewIntent(Intent intent)
{
base.OnNewIntent(intent);
ActivityMediator.Instance.Send(intent.DataString);
}
protected override void OnCreate(Bundle bundle)
{
base.OnCreate(bundle);
Auth0ClientOptions clientOptions = new Auth0ClientOptions
{
Domain = "{yourDomain}"
ClientId = "{yourClientId}"
};
_auth0Client = new Auth0Client(clientOptions, this);
}
private async void LoginButtonOnClick(object sender, EventArgs eventArgs)
{
var loginResult = await _auth0Client.LoginAsync();
if (loginResult.IsError == false)
{
var user = loginResult.User;
var name = user.FindFirst(c => c.Type == "name")?.Value;
var email = user.FindFirst(c => c.Type == "email")?.Value;
var picture = user.FindFirst(c => c.Type == "picture")?.Value;
}
}
private async void LogoutButtonOnClick(object sender, EventArgs e)
{
await _auth0Client.LogoutAsync();
}
}
```
```cs MyViewController.cs lines theme={null}
// Example of a full iOS UIViewController
public partial class MyViewController : UIViewController
{
private Auth0Client _auth0Client;
public MyViewController() : base("MyViewController", null)
{
}
public override void ViewDidLoad()
{
base.ViewDidLoad();
Auth0ClientOptions clientOptions = new Auth0ClientOptions
{
Domain = "{yourDomain}"
ClientId = "{yourClientId}"
};
_auth0Client = new Auth0Client(clientOptions, this);
}
private async void LoginButton_TouchUpInside(object sender, EventArgs e)
{
var loginResult = await _auth0Client.LoginAsync();
if (loginResult.IsError == false)
{
var user = loginResult.User;
var name = user.FindFirst(c => c.Type == "name")?.Value;
var email = user.FindFirst(c => c.Type == "email")?.Value;
var picture = user.FindFirst(c => c.Type == "picture")?.Value;
}
}
private async void LogoutButton_TouchUpInside(object sender, EventArgs e)
{
await _auth0Client.LogoutAsync();
}
}
```