-
Notifications
You must be signed in to change notification settings - Fork 0
/
Setup-UI-1.html
79 lines (75 loc) · 2.71 KB
/
Setup-UI-1.html
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
79
<!DOCTYPE html>
<html>
<head>
<base target="_blank">
<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Noto Sans">
<style>
body {
font-family: 'Noto Sans', serif;
font-size: 18px;
text-align: center;
}
.list {
display: grid;
place-items: center;
text-align: left;
}
</style>
</head>
<body>
<b>First of all, deploy the Script as a web app. To do so, open<br>
the Google Apps Script project for the current
sheet using <a href="https://script.google.com/d/<?= ScriptApp.getScriptId() ?>/edit">this link</a></b>
<br>
Change to the legacy editor
<br>
<img src="https://i.imgur.com/dQGONum.png">
<br>
<br>
Deploy the script as a Web App via the "Publish > Deploy as a web app..." menu:
<br>
<img src="https://i.imgur.com/dFYso8W.png">
<br>
<br>
Finally, give it a description of your liking, ALWAYS change "Project Version" to "New", then press on the "Update"
button and copy the URL it gives you.
<br>
<img src="https://i.imgur.com/hcJyk5A.png">
<br>
<h2>One important thing to note is that you have to repeat this step<br>every time you change the contents of the
script files.</h2>
<div class="list">
<ul>
<li>Example 1: You decided to customize your registration<br>process using HTML/CSS frameworks.<br>You need
to re-deploy it.</li><br>
<li>Example 2: After first setting up the sheet,<br>you realise that you want to give an additional role to
your players.<br>You need to re-deploy it.</li>
</ul>
</div>
If you make updates to any project files you will need to re-deploy your project.<br>
This can lead to having multiple versions of your script deployed at the same time.<br>
NEVER use URLs ending in /dev, as those are meant for development<br>and need the user to login with a google
account affiliated with the script to work.<br>
<br>
You can check how many versions are deployed inside the Apps Script editor, by clicking the "Publish > Deploy from
manifest..." menu button.<br>
<img src="https://i.imgur.com/JOCTRnW.png">
<br>
In this example, there is only one deployment (Latest Version refers, as the name suggests, to the latest
deployment).<br>Clicking on the arrow shows the Deployment URL.
<h2><b>Always pay attention to the Redirect URI that you use for both sites (osu!/Discord)</b></h2>
<br>
<br>
Now take the URI you saved and click on Set Script Properties
<br>
<img src="https://i.imgur.com/8Gr81Py.png">
<br>
<br>
<img src="https://i.imgur.com/XbbKewj.png">
<br>
Paste your link and click 'Ok'. The script will close, this is expected. Open the "Show Instructions" menu once
again to see the updated instructions.
<br>
<h1>This window will only appear if you don't have a Redirect URI set.</h1>
</body>
</html>