Merge pull request #625 from dfinity/unity-ii-improvement

Improve Unity ii integration samples.

Author: vincent-dfinity

native-apps/unity_ii_applink/README.md

@@ -11,15 +11,22 @@ This is a Unity project with [ICP.NET](https://github.com/BoomDAO/ICP.NET) embed
 ## Workflow
 Before continuing, please read through the [Android App Links](https://developer.android.com/studio/write/app-link-indexing) to understand how Android App Links works.
 
-Here is the basic workflow that how to integrate with Internet Identity from a Unity Android game. The basic idea is to open the Web Browser from the game, login in with II in the browser, and pass the DelegationIdentity back to the game.
+Here is the basic workflow that how to integrate with Internet Identity from a Unity Android game. The basic idea is to open the Web Browser from the game, login in with II in the browser, and pass the `DelegationChain` back to the game.
 
 The steps in detail are described below:
 
 1. Set up an [Internet Identity integration dapp](#ii_integration_dapp) which supports logging in with II, with an `assetlinks.json` file associated.
    Please refer to [ii_integration_dapp](./ii_integration_dapp/README.md) to set up the dapp.
+
 2. Run a Unity game on Android, which is built from [android_integration sample](#unity_project).
    Please refer to [unity_project](./unity_project/README.md) to build the Unity Android game.
+
 3. Launch the Web Browser from the game to open the dapp frontend deployed in #1, with the public key of `Ed25519Identity` as a parameter.
+
 4. Login with your Internet Identity in the Web Browser.
-5. Launch the application via App Links, and pass the `DelegationIdentity` back to the game as the URL parameter.
-6. Call the backend canister with the `DelegationIdentity` to greet.
+
+5. Launch the application via App Links, and pass the `DelegationChain` back to the game as the URL parameter.
+
+6. Composite the `DelegationIdentity` with `DelegationChain` and the `Ed25519Identity`.
+
+7. Call the backend canister with the `DelegationIdentity` to greet.

native-apps/unity_ii_applink/ii_integration_dapp/README.md

@@ -4,13 +4,15 @@ This example derives from the [internet_identity_integration](https://github.com
 
 ## Overview
 
-This example shows a special case to support login with the `IncompleteEd25519KeyIdentity` which only contains the public key. The reason why we support this is all for security. 
+This example shows a use case to support login with the two delegations on the `DelegationChain`.
 
 As we described in [Internet Identity Integration](../README.md#workflow), users can log in with II from the game. Usually what they do is
 
 1. Generate the `Ed25519KeyIdentity` supported by [ICP.NET](https://github.com/BoomDAO/ICP.NET) in the Unity game.
-2. For security purposes, only pass the public key of the `Ed25519KeyIdentity` to the Web browser for login, this is where `IncompleteEd25519KeyIdentity` can be used for.
-3. In [index.js](./src/greet_frontend/src/index.js), we describe how to retrieve the public key of the `Ed25519Identity` from the URL parameter, use it to instantiate an `IncompleteEd25519KeyIdentity`, and log in with Internet Identity. 
+2. For security purposes, only pass the public key of the `Ed25519KeyIdentity` to the Web browser for login. And only the public key is necessary when creating a `DelegationChain`.
+3. In [index.js](./src/greet_frontend/src/index.js), we describe how to 
+    - log in with Internet Identity with the frontend generated session key
+    - retrieve the public key of the `Ed25519Identity` from the URL parameter and create another delegation with it. 
 
 With this, users don't need to pass the private key around, also they don't need to store the private key outside of the game as they can regenerate the key pairs for every session.
 

native-apps/unity_ii_applink/ii_integration_dapp/canister_ids.json

@@ -0,0 +1,8 @@
+{
+  "greet_backend": {
+    "ic": "72rj2-biaaa-aaaan-qdatq-cai"
+  },
+  "greet_frontend": {
+    "ic": "6x7nu-oaaaa-aaaan-qdaua-cai"
+  }
+}

native-apps/unity_ii_applink/ii_integration_dapp/src/greet_frontend/assets/.well-known/assetlinks.json

@@ -2,8 +2,8 @@
   "relation": ["delegate_permission/common.handle_all_urls"],
   "target": {
     "namespace": "android_app",
-    "package_name": "com.DefaultCompany.II_AppLink_Integration",
+    "package_name": "com.dfinity.ii_applink_integration",
     "sha256_cert_fingerprints":
-    ["86:C9:CA:6F:5A:53:7E:75:9C:D7:29:1E:8A:94:90:BE:90:0B:02:12:40:45:19:B6:65:84:3C:02:AB:B5:97:14"]
+    ["A3:E2:36:BC:E9:04:3F:8F:A9:C5:9B:B5:FE:89:95:C8:08:BA:35:2D:07:D8:76:13:65:A9:27:D6:33:6B:44:6E"]
   }
 }]

native-apps/unity_ii_applink/ii_integration_dapp/src/greet_frontend/src/index.html

@@ -21,6 +21,10 @@
         <button id="open">Launch Application by AppLink</button>
       </form>
       <br />
+      <form>
+        <button id="greet">Greet</button>
+      </form>
+      <section id="greeting"></section>
     </main>
   </body>
 </html>

native-apps/unity_ii_applink/ii_integration_dapp/src/greet_frontend/src/index.js

@@ -1,47 +1,30 @@
-import {AuthClient} from "@dfinity/auth-client"
-import {SignIdentity} from "@dfinity/agent";
-import {DelegationIdentity, Ed25519PublicKey } from "@dfinity/identity";
-
-// An incomplete Ed25519KeyIdentity with only the public key provided.
-class IncompleteEd25519KeyIdentity extends SignIdentity {
-    constructor(publicKey) {
-        super();
-        this._publicKey = publicKey;
-    }
-
-    getPublicKey () {
-        return this._publicKey;
-    }
-}
-
-function fromHexString(hexString) {
-    return new Uint8Array((hexString.match(/.{1,2}/g) ?? []).map(byte => parseInt(byte, 16))).buffer;
-}
+import {createActor, greet_backend} from "../../declarations/greet_backend";
+import {AuthClient} from "@dfinity/auth-client";
+import {HttpAgent} from "@dfinity/agent";
+import {DelegationIdentity, Ed25519PublicKey, ECDSAKeyIdentity, DelegationChain} from "@dfinity/identity";
+import {fromHexString} from "@dfinity/identity/lib/cjs/buffer";
 
-let myKeyIdentity;
-let sessionKeyIndex = -1;
+let appPublicKey;
 
 var url = window.location.href;
-sessionKeyIndex = url.indexOf("sessionkey=");
-if (sessionKeyIndex !== -1) {
-    // Parse the public session key and instantiate an IncompleteEd25519KeyIdentity.
-    var sessionkey = url.substring(sessionKeyIndex + "sessionkey=".length);
-
-    var publicKey = Ed25519PublicKey.fromDer(fromHexString(sessionkey));
-    myKeyIdentity = new IncompleteEd25519KeyIdentity(publicKey);
-} else {
-    // TODO: initialize an Ed25519KeyIdentity();
+var publicKeyIndex = url.indexOf("sessionkey=");
+if (publicKeyIndex !== -1) {
+    // Parse the public key.
+    var publicKeyString = url.substring(publicKeyIndex + "sessionkey=".length);
+    appPublicKey = Ed25519PublicKey.fromDer(fromHexString(publicKeyString));
 }
 
-let delegationIdentity;
+let actor = greet_backend;
+let delegationChain;
 
 const loginButton = document.getElementById("login");
 loginButton.onclick = async (e) => {
     e.preventDefault();
 
     // Create an auth client.
+    var middleKeyIdentity = await ECDSAKeyIdentity.generate();
     let authClient = await AuthClient.create({
-        identity: myKeyIdentity,
+        identity: middleKeyIdentity,
     });
 
     // Start the login process and wait for it to finish.
@@ -53,9 +36,24 @@ loginButton.onclick = async (e) => {
     });
 
     // At this point we're authenticated, and we can get the identity from the auth client.
-    const identity = authClient.getIdentity();
-    if (identity instanceof DelegationIdentity) {
-        delegationIdentity = identity;
+    const middleIdentity = authClient.getIdentity();
+
+    // Using the identity obtained from the auth client to create an agent to interact with the IC.
+    const agent = new HttpAgent({identity: middleIdentity});
+    actor = createActor(process.env.GREET_BACKEND_CANISTER_ID, {
+        agent,
+    });
+
+    // Create another delegation with the app public key, then we have two delegations on the chain.
+    if (appPublicKey != null && middleIdentity instanceof DelegationIdentity ) {
+        let middleToApp = await DelegationChain.create(
+            middleKeyIdentity,
+            appPublicKey,
+            new Date(Date.now() + 15 * 60 * 1000),
+            { previous: middleIdentity.getDelegation() },
+        );
+
+        delegationChain = middleToApp;
     }
 
     return false;
@@ -65,19 +63,33 @@ const openButton = document.getElementById("open");
 openButton.onclick = async (e) => {
     e.preventDefault();
 
-    // if (sessionKeyIndex === -1) {
-    //     // TODO: warning for not login from a game.
-    //     return false;
-    // }
+    if (delegationChain == null){
+        console.log("Invalid delegation chain.");
+        return false;
+    }
 
     var url = "https://6x7nu-oaaaa-aaaan-qdaua-cai.icp0.io/authorize?";
-    if (delegationIdentity != null) {
-        var delegationString = JSON.stringify(delegationIdentity.getDelegation().toJSON());
-        console.log(delegationString);
-        url = url + "delegation=" + encodeURIComponent(delegationString);
-    }
+    var delegationString = JSON.stringify(delegationChain.toJSON());    
+    url = url + "delegation=" + encodeURIComponent(delegationString);
+    //console.log(url);
 
     window.open(url, "_self");
 
     return false;
 };
+
+const greetButton = document.getElementById("greet");
+greetButton.onclick = async (e) => {
+    e.preventDefault();
+
+    greetButton.setAttribute("disabled", true);
+
+    // Interact with backend actor, calling the greet method
+    const greeting = await actor.greet();
+
+    greetButton.removeAttribute("disabled");
+
+    document.getElementById("greeting").innerText = greeting;
+
+    return false;
+};