Inspirasi & Seni Technology

Friday, December 9, 2022

Deploy Azure Web App Menggunakan Bitbucket

Berikut adalah cara deploy azure web app menggunakan Bitbucket :

1. Beberapa hal yang dibutuhkan.

1.1. Download aplikasi Git & aplikasi SourceTree lalu install di PC/Laptop.

Aplikasi SourceTree digunakan untuk managemen kode-kode untuk melakukan perintah-perintah Git. Dengan menggunakan SourceTree, tidak perlu repot-repot mengetik perintah-perintah untuk melakukan commit, push, dan lain sebagainya. Semua hal tersebut dapat dilakukan hanya dengan beberapa klik .

1.2. , Harus memiliki subscription apapun (Dreamspark, BizSpark, Free Trial, dsb) agar dapat menggunakan Microsoft Azure.

1.3. Memiliki akun Bitbucket, bisa mendaftarnya secara gratis.

2. Membuat Repository di Bitbucket

2.1. Login ke Bitbucket, dan pilih menu Repositories, kemudian klik Create a Repository.

2.2. Isikan nama repository. Contoh : bitbucket-demo. Pastikan repository type nya adalah Git. Lalu, klik Create a Repository.

Hasil tampilan utama dashboard.

2.3. Selanjutnya hubungkan dengan aplikasi SourceTree. Klik Clone in SourceTree, hingga terdapat notifikasi ataupun pop-up yang mengarahkan ke aplikasi SourceTree. ( buka aplikasi SourceTree terlebih dahulu ).

2.4. Pada bagian Destination Path isikan di mana file tersebut ingin disimpan. ( C:\xampp\htdocs\bitbucket\bitbucket-demo ). Lalu klik Clone.

3. Membuat Program Sederhana

3.1. Buat program sederhana dan save dengan nama index.php di tempat yang sama sesuai dengan Destination Path. ( C:\xampp\htdocs\bitbucket\bitbucket-demo\{program} ).

3.2. Commit dan Push ke Repository

3.2.1. Tampilan setelah upload file tersebut.

3.2.2. Centang semua / sebagian file yang ingin di-upload ke dalam repository, lalu klik Commit yang berada di sebelah kanan bawah.

3.2.3. Selanjutnya, lakukan push agar file-file tersebut terupload ke dalam repository Bitbucket. Klik Push pada toolbar SourceTree, kemudian jangan lupa beri tanda centang di branch yang ingin digunakan, lalu klik Push.

3.2.4. Apabila proses sudah selesai, buka kembali repository Bitbucket dengan browser, kemudian refresh. Jika berhasil, file ataupun aplikasi kalian sekarang sudah ditampilkan ke dalam dashboard Bitbucket.

4. Buka Portal Azure

4.1. Login ke akun Microsoft Azure, lalu klik salah satu Web App yang ingin digunakan. url http://pemrograman-bitbucket-demo.azurewebsites.net. Klik Deployment Options

4.2. Selanjutnya, pada bagian Set Up Deployment Source, klik Choose Source, pilih Bitbucket.

4.3. Klik pada bagian Authorization untuk melakukan konfigurasi. Lalu, klik Authorize.

4.4. Setelah itu, akan terdapat pop-up yang meminta untuk mengizinkan Microsoft Azure mengakses Bitbucket, lalu klik Grant access. Kemudian, klik OK.

Hasil tampilan .

Jika membuat repository untuk akun utama, kemungkinan tidak akan melihat bagian Choose your organization. Pada bagian Choose project, sesuaikan dengan nama repository yang telah dibuat sebelumnya. Jika sudah, klik OK. Tunggu hingga terdapat notifikasi “Successfully set up deployment source“.

5. Cek Keberhasilan

Web App sudah berhasil menampilkan file yang berada di repository Bitbucket. Jika belum, mungkin file belum tersinkron. Untuk melakukan sinkronisasi secara manual, masuk kembali ke dalam Portal Azure, buka Web App, pilih Deployment Options. Lalu, klik Sync --> Yes.

Deploy Azure Web App menggunakan Local Git

Berikut adalah cara deploy azure web app menggunakan Git

1. Buka browser masuk ke situs portal Azure , gunakan subscription yang dimiliki.

2. Pada dashboard portal azure, klik Web App yang telah dibuat ( asumsikan telah membuat 1 web app ) yang akan digunakan.

3. Buka web app kalian pada dashboard portal azure, dan pilih Deployment Options.

4. Selanjutnya, klik Choose Source dan pilih Local Git Repository.

5. Kemudian, klik OK. maka mendapatkan notifikasi. Jika sudah, kembali ke bagian Overview web app dan lihat bagian Git clone url.

Inisialisasi Git & Push Project

Setelah membuat sebuah program sederhana, masuk ke root folder project menggunakan CMD / Git Bash. ( baca : Menginstall Aplikasi Git & Menggunakan Aplikasi Git )

Buka CMD direktori aktif di C:\xampp\htdocs\localgit-demo\.

Ketik perintah-perintah di bawah ini, kemudian Enter pada setiap barisnya.

git init
git remote add azure <git url>
git add .
git commit -m "Initial Commit"

git push azure master

Ganti <git url> dengan url git yang ada pada web :

git remote add azure https://namauser@namawebapp.scm.azurewebsites.net:443/namarepo.git

Kemudian isikan username sesuai dengan git username pada dashboard web app kalian.

Buka url web app untuk memastikan web app telah berhasil. Akses http://pemrograman-localgit-demo.azurewebsites.net untuk melihat hasil deploy.

Mengubah Documen Word Ke PDF

Berikut adalah cara mengubah Documen Word ke PDF :

1. Microsoft Word ke PDF

1.1. Buka Microsoft Word, pilih dokumen yang akan diubah ke PDF.

1.2. Pilih tab File. Maka akan muncul tampilan seperti gambar.

1.3. Selanjutnya, pilih Export. Lalu pilih Create PDF/XPS.

1.4. Simpan file dengan nama yang sesuai. Lalu klik Publish.

1.5. Setelah it, file PDF akan terbuka secara otomatis.

2. Google Docs ke PDF

2.1. Bukan Google Doc, lalu buka file yang ingin diubah menjadi format PDF.

2.2. Kemudian klik tab File, lalu pilih Download - PDF Document (PDF). Setelah itu, proses convert Word ke PDF berlangsung dan filenya otomatis terunduh dan tersimpan..

3. Word ke PDF secara online

3.1. Buka browser lalu masuk situs iLovePDF. Lalu pilih yang Word to PDF.

3.2. Klik Select WORD files, kemudian pilih dokumen yang ingin dikonversi ke PDF.

3.3. Setelah itu, klik Convert to PDF.

3.4. TKklik Download PDF. Filenya akan disimpan.

4. WPS Writer ke PDF

WPS Office adalah paket lengkap aplikasi untuk perkantoran yang bisa digunakan di Windows, Linux, iOS, dan juga Android.

4.1. Buka WPS Writer, lalu pilih dokumen.

4.2. Klik Menu, lalu pilih Export to PDF.

4.3. Selanjutnya, klik Add files untuk mengunggah file. Setelah itu klik Export to PDF

4.4. Tunggu sampai selesai, dan filenya akan otomatis terunduh dan tersimpan.

Mengubah PDF Ke Documen Word

Berikut adalah cara mengubah pdf ke word :

1. PDF ke Microsoft Word

1.1. Pilih file PDF yang akan dikonversi menjadi Word melalui file explorer dimana folder menyimpan file. Klik kanan pada file dan pilih Open with. pilih Choose another app. Maka akan muncul dialog seperti gambar ke dua. Pilih Word dan klik OK.

1.2. Setelah itu, akan muncul dialog untuk convert PDF ke dokumen Word yang dapat diedit. Klik OK

1.3. Tunggu konversi selesai, maka muncul lembar kerja dalam format doc atau docx.

1.4. Setelah itu, bisa melakukan edit dokumen, lalu simpan file dengan klik File - Save / Save As, lalu pilih folder dan beri nama file.

2. PDF ke WPS Office

2.1. Buka WPS Office di komputer atau HP, lalu pilih yang PDF.

2.2. Setelah itu, klik PDF to Word.

2.3. Selanjutnya klik Add Files untuk upload file yang ingin diubah format. Kemudian klik Start di bagian kanan bawah. Setelah itu, proses konversi akan dimulai. Tunggu proses selesai dan file akan tersimpan.