Tutorial ini akan menunjukkan cara mendeploy static website ke platform ZEIT secara gratis, dengan menggunakan PowerShell milik Windows.
Persiapan
Pastikan hal-hal dibawah ini sudah siap terlebih dulu, sebelum memulai langkah-langkah tutorial pada artikel ini.
- npm sudah terinstall
- Terdaftar dan memiliki akun di website ZEIT
Mulai proses deploying
Akses folder data static website lewat PowerShell, lalu ketik perintah berikut ini di terminal.
npm i -g now
Outputnya akan terlihat seperti dibawah ini.
> now@16.7.3 preinstall C:\Users\nama\AppData\Roaming\npm\node_modules\now
> node ./scripts/preinstall.js
C:\Users\nama\AppData\Roaming\npm\now -> C:\Users\nama\AppData\Roaming\npm\node_modules\now\dist\index.js
added 1 package in 10.014s
Selanjutnya untuk mulai melakukan deploy, ketik perintah berikut.
now
Proses pre-deploy akan langsung berjalan, dan setelah selesai akan memunculkan output berupa informasi berikut.
Deploying M:\WEB\mydemostatic under ertomedia
> Using project mydemostatic
> NOTE: Deployed to production. Run `now --prod` to overwrite later (https://zeit.ink/2F).
> Synced 3 files [4s]
> https://mydemostatic-4rs8994h1.now.sh [4s]
> Ready! Deployment complete [6s]
- https://mydemostatic.now.sh
- https://mydemostatic.ertomedia.now.sh [in clipboard]
Static website selanjutnya bisa diakses pada browser, menggunakan URL https://mydemostatic.now.sh
Untuk meng-update live site, setelah dilakukan perubahan, gunakan perintah berikut.
now --prod
Masalah yang sering muncul
about_Execution_Policies
Apabila ExecutionPolicy
milik PowerShell belum pernah di konfigurasi sebelumnya, pesan error pada terminal dibawah ini, pasti akan muncul sesaat ketika menjalankan perintah now
.
now : File C:\Users\nama\AppData\Roaming\npm\now.ps1 cannot be loaded because running scripts is disabled on this system. For more information, see about_Execution_Policies at
https:/go.microsoft.com/fwlink/?LinkID=135170.
At line:1 char:1
+ now
+ ~~~
+ CategoryInfo : SecurityError: (:) [], PSSecurityException
+ FullyQualifiedErrorId : UnauthorizedAccess
Maka yang harus dilakukan adalah, ketik perintah berikut ini secara berurutan.
Set-ExecutionPolicy -ExecutionPolicy RemoteSigned -Scope CurrentUser
Get-ExecutionPolicy -List
Output yang diharapkan akan terlihat seperti dibawah ini.
Scope ExecutionPolicy
----- ---------------
MachinePolicy Undefined
Process Undefined
CurrentUser RemoteSigned
LocalMachine Undefined
No existing credentials found
Dalam kasus pertama kali menggunakan PowerShell atau belum melakukan aktifitas deploy, akan muncul pesan error No existing credentials found
yang mengharuskan untuk login supaya dapat melanjutkan proses deploying.
> No existing credentials found. Please log in:
Silahkan cek email dengan subject ZEIT Login Verification
yang digunakan saat mendaftar di website ZEIT, dan klik link Verify. Jika berhasil terverifikasi dan login, pada terminal PowerShell akan muncul output seperti berikut ini.
√ Email confirmed
> Congratulations! You are now logged in. In order to deploy something, run `now`.