ddd009

import { Actor, HttpAgent } from "@dfinity/agent";
import {
  idlFactory as helloworld_idl,
  canisterId as helloworld_id,
} from "dfx-generated/helloworld";

const agent = new HttpAgent();
const helloworld = Actor.createActor(helloworld_idl, {
  agent,
  canisterId: helloworld_id,
});

document.getElementById("clickMeBtn").addEventListener("click", async () => {
  const name = document.getElementById("name").value.toString();
  const greeting = await helloworld.greet(name);
  document.getElementById("greeting").innerText = greeting;
});

const agent = new HttpAgent({
     host: "http://localhost:8000",
})

{
 "canisters": {
     ...
    //assetsはフロントエンドcanisterの名前で、Dfinityではすべてのコードがcanisterにデプロイされます。
   "assets": {
       //フロントエンドcanisterの依存関係
     "dependencies": [
       "backend"
     ],
    //frontend.entrypointはフロントエンドファイルのエントリーポイントで、これをwebpackで使用します。
     "frontend": {
       "entrypoint": "dist/index.html"
     },
   //sourceはdistとsrcディレクトリを指定します。
     "source": [
       "dist/"
     ],
   //canisterのタイプをフロントエンドcanisterとして指定します。
     "type": "assets"
   }
 }
}

   devServer: {
      hot: true,
    }

export default ({ IDL }) => {
  return IDL.Service({ 'greet' : IDL.Func([IDL.Text], [IDL.Text], []) });
};
export const init = ({ IDL }) => { return []; };

import { idlFactory } from "dfx-generated/helloworld";
または
import { idlFactory } from './helloworld.did.js';

// src/declarations/identity/index.js
import { Actor, HttpAgent } from "@dfinity/agent";

// Imports and re-exports candid interface
import { idlFactory } from './identity.did.js';
export { idlFactory } from './identity.did.js';
// CANISTER_IDはnode環境に基づいてwebpackによって置き換えられます。
export const canisterId = process.env.IDENTITY_CANISTER_ID;

/**
 * 
 * @param {string | import("@dfinity/principal").Principal} canisterId AgentのCanister ID
 * @param {{agentOptions?: import("@dfinity/agent").HttpAgentOptions; actorOptions?: import("@dfinity/agent").ActorConfig}} [options]
 * @return {import("@dfinity/agent").ActorSubclass<import("./identity.did.js")._SERVICE>}
 */
 export const createActor = (canisterId, options) => {
  const agent = new HttpAgent({ ...options?.agentOptions });
  
  // 開発中の証明書検証のためにルートキーを取得します。
  if(process.env.NODE_ENV !== "production") {
    agent.fetchRootKey().catch(err=>{
      console.warn("ルートキーを取得できません。ローカルレプリカが実行中であることを確認してください。");
      console.error(err);
    });
  }

  // candidインターフェースとHttpAgentを使用してactorを作成します。
  return Actor.createActor(idlFactory, {
    agent,
    canisterId,
    ...options?.actorOptions,
  });
};
  
/**
 * identity canister用の準備が整ったエージェント
 * @type {import("@dfinity/agent").ActorSubclass<import("./identity.did.js")._SERVICE>}
 */
 export const identity = createActor(canisterId);

unameOut="$(uname -s)"
case "${unameOut}" in
    Linux*)     machine=Linux;;
    Darwin*)    machine=Mac;;
    *)          machine="UNKNOWN:${unameOut}"
esac

release=$(curl --silent "https://api.github.com/repos/dfinity/candid/releases/latest" | grep -e '"tag_name"' | cut -c 16-25)

if [ ${machine} = "Mac" ]
then
  echo "Mac用のdidcを~/bin/didcにダウンロードしています"
  curl -fsSL https://github.com/dfinity/candid/releases/download/${release}/didc-macos > /usr/local/bin/didc
elif [ ${machine} = "Linux" ]
then
  echo "Linux用のdidcを~/bin/didcにダウンロードしています"
  curl -fsSL https://github.com/dfinity/candid/releases/download/${release}/didc-linux64 > ~/bin/didc
else
  echo "サポートされているオペレーティングシステムを検出できませんでした。didcは現在MacとLinuxのみサポートされています。"
fi

date

git clone [email protected]:dfinity/internet-identity.git
cd internet-identity

dfx start --clean

npm install
II_ENV=development dfx deploy --no-wallet --argument '(null)'

const init = async () => {
  authClient = await AuthClient.create();
  await authClient.login({
      maxTimeToLive: BigInt("0x7f7f7f7f7f"),
      identityProvider:
        "http://localhost:8000/?canisterId=rwlgt-iiaaa-aaaaa-aaaaa-cai",
      onSuccess: async () => {
        handleAuthenticated(authClient);
      },
    });
}

 async function handleAuthenticated(authClient) {
     identity = await authClient.getIdentity(); 
      const agent = new HttpAgent({
        identity: identity,
        host: "http://localhost:8000",
      });
     //ローカル開発時にはRoot Keyを取得する必要があります。
      if(process.env.NODE_ENV !== "production") await agent.fetchRootKey();
      let actor = Actor.createActor(idlFactory, {
        agent,
        canisterId: canisterId,
      });
     const greeting = await actor.greet(name);
  }