Langkah Demi Langkah Chatting Dengan Ngrok - CRUDPRO

Langkah Demi Langkah Chatting Dengan Ngrok

Langkah Demi Langkah Chatting Dengan Ngrok

Sebagai Lawyer produk baru di ngrok, saya menghargai nilai hebat dari alat ini. Tapi perkenankan saya bawa Anda kembali lagi ke tempat semua diawali buat saya dan ngrok — sekolah menengah.

Benar, dahulu, saya memakai ngrok untuk membikin server Minecraft saya online serta membebankan ongkos akses server ke teman-teman saya. (Tidak boleh khawatir, semua membahagiakan!) Maju cepat ke saat ini, dan saya kagum oleh sejauh mana ngrok sudah berkembang. Teknologi sudah tumbuh dan jadi lebih kuat, dan saya siap mengetesnya.

memulai

Maka silahkan kita awali! Langkah pertama dalam menguji alat seperti ngrok dengan mengawali dari kasus pemakaian yang paling simpel dan semakin meningkat. Dan langkah apa yang lebih bagus untuk mengawali selainnya memakainya untuk sambungan dan tempatkan localhost kami di internet.

Untuk pahami apakah arti tempatkan host lokal Anda di internet, mari kita awali dengan program percakapan. Sekarang ini, bila saya membuat program percakapan di computer saya (localhost), cuma saya yang bisa memakainya. Tetapi apa fungsinya program percakapan tanpa rekan untuk mengobrol? Di situlah ngrok masuk. Diperlukan program percakapan Anda dan memberikan Anda link cepat untuk membuat online, hingga Anda bisa bicara dengan teman-teman Anda. Cukup rapi, kan? Silahkan membuatnya dan menyaksikannya beraksi.

Membuat Program Percakapan

Saya membuat program percakapan cepat memakai Python, Flask, dan beberapa HTML. Untuk memperjelasnya, posting website ini bukanlah tutorial mengenai langkah membuat program tersebut, tetapi langkah untuk mengetes ngrok dan menyaksikannya berlaga. Saat saya memulai memakai semakin banyak alat dan teknologi dan project saya jadi lebih kompleks, saya pasti mempelajari lebih dalam bagaimana mereka dipakai dan kenapa.

Untuk sekarang ini, Anda bisa mengkloning (mengambil) file program percakapan dari repo GitHub saya. Untuk lakukan ini, cukup klik tombol "Kode" hijau di repo, ambil file zip, lalu unzip ke direktori mana saja di komputer Anda. Alternatifnya, bila Anda merasa nyaman memakai baris command, Anda bisa mengkloning repo ke direktori Anda sekarang ini dengan jalankan command berikut ini:

git clone https://github.com/shubcodes/chattingwithngrok

Setelah kloning dan unzip repo, Anda harus dapat menavigasi ke folder dan melihat file: 'app.py', 'README.MD', dan folder 'templates'. Sekarang setelah Anda memiliki kode aplikasi obrolan di komputer lokal Anda, Anda perlu menginstal semua dependensi yang diperlukan yang membantu fungsi aplikasi kami.

Menginstal Ketergantungan

Bergantung pada jenis mesin (Windows/Mac/Linux/dll.) yang Anda gunakan, proses instalasi dependensi ini akan berbeda. Saya telah menyediakan daftar semua dependensi dan link tentang cara menginstal masing-masing di bawah ini:

No
Fitur
1 python (bahasa pengkodean tujuan umum tingkat tinggi) — https://www.python.org/downloads/
2 pip (pengelola paket python — sudah terpasang dengan python 2.7.9+ dan 3.4+) — https://pip.pypa.io/en/stable/installation
3 flask (kerangka web mikro) — https://flask.palletsprojects.com/en/2.2.x/installation
4 ngrok (masuknya API pertama sebagai layanan) — https://ngrok.com/download

Menghubungkan Agen ngrok

Setelah Anda selesai memasang semua dependensi. Pergi ke dashboard.ngrok.com dan login/signup ke akun ngrok Anda. Setelah Anda berada di dasbor, klik tab 'Token Autentikasi Anda' di menu. Anda akan melihat halaman seperti ini:

Langkah Demi Langkah Chatting Dengan Ngrok

Sekarang sambungkan aplikasi ngrok (agen) yang berjalan di komputer lokal Anda ke akun ngrok Anda. Salin kode di kotak "Baris command" di halaman Authtoken Anda, tempelkan ke baris command Anda, dan tekan enter.

memulai Aplikasi Obrolan Lokal

Setelah agen ngrok Anda diautentikasi, Anda dapat mememulai versi lokal aplikasi obrolan dengan mengikuti langkah berikut:

  1. Gunakan command cd untuk masuk ke direktori tempat aplikasi obrolan berada. Misalnya, jika direktori aplikasi obrolan ada di folder Downloads, ketikkan “cd /Downloads/chattingwithngrok”.
  2. Di direktori aplikasi obrolan, jalankan command berikut:
export FLASK_APP=app.py
python3 -m flask run -p 5001

command dijalankan memulai program labu dan lakukan di port 5001 di komputer Anda. Sesudah command dijalankan, sebuah pesan akan ada di baris command Anda yang memperlihatkan jika program Anda berjalan pada mesin lokal Anda di http://127.0.0.1/5001. Membuka link ini.

Selamat! Anda saat ini mempunyai program percakapan yang berjalan pada mesin lokal Anda yang bisa Anda tes dengan menuliskan pesan dan mengklik "kirim". Tetapi, perlu diingat jika program ini tidak ada di internet, jadi cuma Anda yang bisa berhubungan dengannya di mesin yang Anda pakai. Bila Anda mengirim tautan ke salah satunya rekan Anda atau coba mengaksesnya dari handphone Anda, Anda tidak segera dapat menyaksikan program percakapan karena saat ini masih berada di localhost Anda.

Tempatkan Program Percakapan Online dengan ngrok

Silahkan mengambil cara seterusnya untuk keluarkan program ini dengan menempatkannya di internet. Diamkan baris command jalan dengan program localhost Anda, lantas memulai window baris command baru. Seterusnya, tuliskan command berikut ini:

ngrok http 5001

Setelah Anda menjalankan command, Anda akan melihat layar seperti di bawah ini.

Langkah Demi Langkah Chatting Dengan Ngrok

URL yang disorot adalah tempat aplikasi Anda online. Copy dan paste ke browser Anda. Voila! Aplikasi obrolan yang dulunya terbatas pada mesin lokal Anda kini online. Anda dapat membagikan URL ini dengan teman dan anggota keluarga, dan bahkan mengujinya di perangkat lain seperti telepon Anda. Sekarang, Anda memiliki aplikasi yang berjalan di komputer Anda namun dapat diakses menggunakan tautan online. Bukankah itu luar biasa?