summaryrefslogtreecommitdiff
path: root/static/web-install.html
blob: a7cf99b17c177e6695d5d286af3ae78f906c9a38 (plain)
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
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
<!DOCTYPE html>
<html lang="en" prefix="og: https://ogp.me/ns#">
    <head>
        <meta charset="utf-8"/>
        <title>Web install | GrapheneOS</title>
        <meta name="description" content="Web-based installer for GrapheneOS"/>
        <meta name="theme-color" content="#212121"/>
        <meta name="msapplication-TileColor" content="#ffffff"/>
        <meta name="viewport" content="width=device-width, initial-scale=1"/>
        <meta name="twitter:site" content="@GrapheneOS"/>
        <meta name="twitter:creator" content="@GrapheneOS"/>
        <meta property="og:title" content="GrapheneOS web install"/>
        <meta property="og:description" content="Web-based installer for GrapheneOS"/>
        <meta property="og:type" content="website"/>
        <meta property="og:image" content="https://grapheneos.org/opengraph.png"/>
        <meta property="og:image:width" content="512"/>
        <meta property="og:image:height" content="512"/>
        <meta property="og:image:alt" content="GrapheneOS logo"/>
        <meta property="og:site_name" content="GrapheneOS"/>
        <meta property="og:url" content="https://grapheneos.org/web-install"/>
        <link rel="canonical" href="https://grapheneos.org/web-install"/>
        <link rel="icon" sizes="16x16 24x24 32x32 48x48 64x64" type="image/vnd.microsoft.icon" href="/favicon.ico"/>
        <link rel="icon" sizes="any" type="image/svg+xml" href="/mask-icon.svg"/>
        <link rel="mask-icon" href="/mask-icon.svg" color="#1a1a1a"/>
        <link rel="apple-touch-icon" href="/apple-touch-icon.png"/>
        <link rel="stylesheet" href="/grapheneos.css?29"/>
        <link rel="manifest" href="/manifest.webmanifest"/>
        <link rel="license" href="/LICENSE.txt"/>
        <script defer="defer" src="/js/webadb.js?0"></script>
        <script defer="defer" src="/js/web-install.js?0"></script>
    </head>
    <body>
        <header>
            <nav id="site-menu">
                <ul>
                    <li><a href="/">GrapheneOS</a></li>
                    <li><a href="/features">Features</a></li>
                    <li><a href="/install">Install</a></li>
                    <li><a href="/build">Build</a></li>
                    <li><a href="/usage">Usage</a></li>
                    <li><a href="/faq">FAQ</a></li>
                    <li><a href="/releases">Releases</a></li>
                    <li><a href="/source">Source</a></li>
                    <li><a href="/articles/">Articles</a></li>
                    <li><a href="/donate">Donate</a></li>
                    <li><a href="/contact">Contact</a></li>
                </ul>
            </nav>
        </header>
        <main id="web-install">
            <h1><a href="#web-install">Web install</a></h1>

            <p>This is the beginning of a WebUSB-based installer for GrapheneOS. Very little has
            been implemented and it doesn't do anything useful yet. You should ignore this page
            and use the <a href="/install">official install guide</a>.</p>

            <section id="prerequisites">
                <h2><a href="#prerequisites">Prerequisites</a></h2>

                <p>You should have at least 2GB of free memory available and 8GB of free storage
                space.</p>

                <p>You need a USB cable for attaching the device to a laptop or desktop. Whenever
                possible, use the high quality standards compliant USB-C cable packaged with the
                device. If your computer doesn't have any USB-C ports, you'll need a high quality
                USB-C to USB-A cable. You should avoid using a USB hub such as the front panel on
                a desktop computer case. Connect directly to a rear port on a desktop or the ports
                on a laptop. Many widely distributed USB cables and hubs are broken and are the
                most common source of issues for installing GrapheneOS.</p>

                <p>Windows 10, macOS Big Sur, Arch Linux, Debian buster and Ubuntu 20.04 LTS are the
                officially supported operating systems for installing GrapheneOS. You should make sure
                your operating system is up-to-date before proceeding with these instructions. Older
                versions and other Linux distributions usually work, but if you encounter problems try
                using one of the officially supported options.</p>

                <p>For this web-based installation process, the latest stable release of Chromium
                or Chrome is recommended.</p>

                <p>Installing from an OS in a virtual machine is not recommended. USB passthrough
                is often not reliable. To rule out these problems, install from an OS running on
                bare metal. Virtual machines are also often configured to have overly limited
                memory and storage space.</p>

                <p>You need one of the officially supported devices. To make sure that the device can
                be unlocked to install GrapheneOS, avoid carrier variants of the devices. Carrier
                variants of Pixels use the same stock OS and firmware with a non-zero carrier id
                flashed onto the persist partition in the factory. The carrier id activates
                carrier-specific configuration in the stock OS including disabling carrier and
                bootloader unlocking. The carrier may be able to remotely disable this, but their
                support staff may not be aware and they probably won't do it. Get a carrier agnostic
                device to avoid the risk and potential hassle. If you CAN figure out a way to unlock a
                carrier device, it isn't a problem as GrapheneOS can just ignore the carrier id
                and the hardware is the same.</p>

                <p>It's best practice to update the stock OS on the device to make sure it's running
                the latest firmware before proceeding with these instructions. This avoids running
                into bugs, missing features or other differences in older firmware versions. You can
                either update the device via over-the-air updates or sideload a full update, which for
                Pixel phones can be obtained from the
                <a href="https://developers.google.com/android/ota">full update package page</a>.</p>
            </section>

            <section id="enabling-oem-unlocking">
                <h2><a href="#enabling-oem-unlocking">Enabling OEM unlocking</a></h2>

                <p>OEM unlocking needs to be enabled from within the operating system.</p>

                <p>Enable the developer options menu by going to Settings ➔ About phone and
                pressing on the build number menu entry until developer mode is enabled.</p>

                <p>Next, go to Settings ➔ System ➔ Advanced ➔ Developer options and toggle on the
                'Enable OEM unlocking' setting. This requires internet access on devices with Google
                Play services as part of Factory Reset Protection (FRP) for anti-theft protection.</p>
            </section>

            <section id="connecting-phone">
                <h2><a href="#connecting-phone">Connecting the phone</a></h2>

                <p>Connect the phone to the computer. On Linux, you'll need to do this again if
                you didn't have the udev rules set up when you connected it.</p>
            </section>

            <section id="unlocking-the-bootloader">
                <h2><a href="#unlocking-the-bootloader">Unlocking the bootloader</a></h2>

                <p>First, boot into the bootloader interface. You can do this by turning off the
                device and then turning it on by holding both the Volume Down and Power buttons.
                Alternatively, use ADB to reboot to the bootloader with the button below:</p>

                <button id="adb-reboot-bootloader" disabled="disabled">Reboot to bootloader with ADB</button>

                <p>Unlock the bootloader to allow flashing the OS and firmware:</p>

                <button id="unlock-bootloader" disabled="disabled">Unlock bootloader</button>

                <p>The command needs to be confirmed on the device and will wipe all data. Use one
                of the volume keys to switch the selection to accepting it and the power button to
                confirm.</p>
            </section>

            <section id="obtaining-factory-images">
                <h2><a href="#obtaining-factory-images">Obtaining factory images</a></h2>

                <p>You need to obtain the GrapheneOS factory images for your device to proceed with
                the installation process.</p>

                <p>Press the button below to start the download:</p>

                <button id="download-release" disabled="disabled">Download release</button>

                <p><strong>Download not implemented yet.</strong></p>
            </section>

            <section id="flashing-factory-images">
                <h2><a href="#flashing-factory-images">Flashing factory images</a></h2>

                <p>The initial install will be performed by flashing the factory images. This will
                replace the existing OS installation and wipe all the existing data.</p>

                <p><strong>Needs to be implemented based on extracting and flashing images from
                the downloaded zip (or a split approach to downloading files).</strong></p>

                <button id="flash-release" disabled="disabled">Flash release</button>

                <p>Wait for the flashing process to complete and proceed to
                <a href="#locking-the-bootloader">locking the bootloader</a> before using the
                device as locking wipes the data again.</p>
            </section>

            <section id="locking-the-bootloader">
                <h2><a href="#locking-the-bootloader">Locking the bootloader</a></h2>

                <p>Locking the bootloader is important as it enables full verified boot. It also
                prevents using fastboot to flash, format or erase partitions.  Verified boot will
                detect modifications to any of the OS partitions and it will prevent reading any
                modified / corrupted data. If changes are detected, error correction data is used
                to attempt to obtain the original data at which point it's verified again which
                makes verified boot robust to non-malicious corruption.</p>

                <p>In the bootloader interface, set it to locked:</p>

                <button id="lock-bootloader" disabled="disabled">Lock bootloader</button>

                <p>The command needs to be confirmed on the device and will wipe all data. Use one
                of the volume buttons to switch the selection to accepting it and the power button
                to confirm.</p>
            </section>
        </main>
        <footer>
            <a href="/"><img src="/logo.png" width="512" height="512" alt=""/>GrapheneOS</a>
            <ul id="social">
                <li><a href="https://twitter.com/GrapheneOS">Twitter</a></li>
                <li><a href="https://github.com/GrapheneOS">GitHub</a></li>
                <li><a href="https://reddit.com/r/GrapheneOS">Reddit</a></li>
                <li><a href="https://www.linkedin.com/company/grapheneos/">LinkedIn</a></li>
            </ul>
        </footer>
    </body>
</html>