xapi-demos/adl-launch/content.html at master · LearningLocker/xapi-demos · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
<html>

<head>
</head>

<body>
  <header>
    Example ADL Launch Content
  </header>
  <script>
    const initialiseLaunch = async (launchServerEndpoint, launchServerKey) => {
      const response = await fetch(`${launchServerEndpoint}launch/${launchServerKey}`, {
        method: 'POST',
        mode: 'cors',
      });
      return await response.json();
    };

    const terminateLaunch = async (launchServerEndpoint, launchServerKey) => {
      await fetch(`${launchServerEndpoint}launch/${launchServerKey}/terminate`, {
        method: 'POST',
        mode: 'cors',
      });
    };

    const sendStatement = async (xapiEndpoint, xapiStatement) => {
      await fetch(`${xapiEndpoint}statements`, {
        body: JSON.stringify(xapiStatement),
        headers: {
          'content-type': 'application/json',
          'x-experience-api-version': '1.0.0',
        },
        method: 'POST',
        mode: 'cors',
      });
    };

    const main = async () => {
      const urlParams = new URLSearchParams(document.location.search);
      const launchServerEndpoint = urlParams.get('xAPILaunchService');
      const launchServerKey = urlParams.get('xAPILaunchKey');
      try {
        const launch = await initialiseLaunch(launchServerEndpoint, launchServerKey);
        const launchActor = launch.actor;
        const launchEndpoint = launch.endpoint;
        const xapiStatement = {
          actor: launchActor,
          verb: {
            id: 'http://activitystrea.ms/schema/1.0/access',
            display: {
              'en': 'accessed'
            }
          },
          object: {
            objectType: 'Activity',
            id: 'http://www.example.org/activity',
            definition: {
              type: 'http://activitystrea.ms/schema/1.0/page',
              name: {
                'en': 'Example Activity'
              }
            }
          }
        };
        await sendStatement(launchEndpoint, xapiStatement);
        alert('Sent statement');
      } catch (err) {
        console.error(err);
        alert('Failed sending statement');
      }
      await terminateLaunch(launchServerEndpoint, launchServerKey);
    };

    main();
  </script>
</body>

</html>