Tutorial: Buat Proyek dengan GitHub Repositori Sumber

DenganAWS CodeStar, Anda dapat mengatur repositori untuk membuat, meninjau, dan menggabungkan permintaan tarik dengan tim proyek Anda.

Dalam tutorial ini, Anda membuat proyek dengan contoh kode sumber aplikasi web di GitHub repositori, pipeline yang menyebarkan perubahan Anda, dan instans EC2 di mana aplikasi Anda di-host di cloud. Setelah proyek Anda dibuat, tutorial ini menunjukkan kepada Anda cara membuat dan menggabungkan permintaan GitHub tarik yang membuat perubahan pada halaman beranda aplikasi web Anda.

Langkah 1: Buat proyek dan buat GitHub repositori Anda

Pada langkah ini, gunakan konsol untuk membuat proyek Anda dan membuat koneksi ke GitHub repositori baru Anda. Untuk mengakses GitHub repositori Anda, Anda membuat sumber daya koneksi yang AWS CodeStar digunakan untuk mengelola otorisasi dengan. GitHub Ketika proyek dibuat, sumber daya tambahannya disediakan untuk Anda.

1. Masuk keAWS Management Console, lalu buka AWS CodeStar konsol di https://console.aws.amazon.com/codestar/.

2. Pilih AWS Wilayah tempat Anda ingin membuat proyek dan sumber dayanya.

3. Pada AWS CodeStarhalaman, pilih Buat proyek.

4. Pada halaman Choose a project template, pilih kotak centang aplikasi Web, Node.js, dan Amazon EC2. Kemudian pilih dari templat yang tersedia untuk kumpulan opsi itu.

   Untuk informasi selengkapnya, lihat AWS CodeStarTemplate Proyek.

5. Pilih Next (Berikutnya).

6. Untuk nama Proyek, masukkan nama untuk proyek (misalnya,MyTeamProject). Jika Anda menggunakan nama yang berbeda, pastikan untuk menggunakannya di seluruh tutorial ini.

7. Di bawah Repositori proyek, pilih. GitHub

8. Jika Anda memilih GitHub, Anda harus memilih atau membuat sumber daya koneksi. Jika Anda memiliki koneksi yang ada, pilih di bidang pencarian. Jika tidak, Anda akan membuat koneksi baru di sini. Pilih Connect to GitHub.

   Halaman Buat koneksi ditampilkan.

   catatan

   Untuk membuat koneksi, Anda harus memiliki GitHub akun. Jika Anda membuat koneksi untuk suatu organisasi, Anda harus menjadi pemilik organisasi.

   

   1. Di bawah Buat koneksi GitHub Aplikasi, di nama Koneksi, masukkan nama untuk koneksi Anda. Pilih Connect to GitHub.

      GitHubHalaman Connect to menampilkan dan menampilkan bidang GitHub Apps.

   2. Di bawah GitHub Aplikasi, pilih penginstalan aplikasi atau pilih Instal aplikasi baru untuk membuatnya.

      catatan

      Anda menginstal satu aplikasi untuk semua koneksi Anda ke penyedia tertentu. Jika Anda telah menginstal AWS Connector for GitHub app, pilih dan lewati langkah ini.

   3. Pada GitHub halaman Install AWS Connector for, pilih akun tempat Anda ingin menginstal aplikasi.

      catatan

      Jika sebelumnya Anda menginstal aplikasi, Anda dapat memilih Konfigurasi untuk melanjutkan ke halaman modifikasi untuk instalasi aplikasi Anda, atau Anda dapat menggunakan tombol kembali untuk kembali ke konsol.

   4. Jika halaman Konfirmasi kata sandi untuk melanjutkan ditampilkan, masukkan GitHub kata sandi Anda, lalu pilih Masuk.

   5. Pada GitHub halaman Install AWS Connector for, tinggalkan default, dan pilih Install.

   6. Pada GitHub halaman Connect to, ID instalasi untuk instalasi baru Anda muncul di GitHubApps.

      Setelah koneksi berhasil dibuat, di halaman CodeStar buat proyek, pesan Siap untuk menghubungkan ditampilkan.

      catatan

      Anda dapat melihat koneksi Anda di bawah Pengaturan di konsol Alat Pengembang. Untuk informasi selengkapnya, lihat Memulai koneksi.

      

   7. Untuk pemilik Repositori, pilih GitHub organisasi atau akun pribadi GitHub Anda.

   8. Untuk nama Repositori, terima nama GitHub repositori default, atau masukkan nama lain.

   9. Pilih Publik atau Pribadi.

      catatan

      Jika Anda ingin menggunakan AWS Cloud9 sebagai lingkungan pengembangan Anda, Anda harus memilih repositori publik.

   10. (Opsional) Untuk deskripsi Repositori, masukkan deskripsi untuk repositori. GitHub

9. Konfigurasikan instans Amazon EC2 Anda di Konfigurasi Amazon EC2 jika project Anda diterapkan ke instans Amazon EC2 dan Anda ingin membuat perubahan. Misalnya, Anda dapat memilih dari jenis instans yang tersedia untuk proyek Anda.

   Di Key pair, pilih key pair Amazon EC2 yang Anda buat. Langkah 4: Buat Pasangan Kunci Amazon EC2 untuk Proyek AWS CodeStar Pilih Saya mengakui bahwa saya memiliki akses ke file kunci pribadi.

10. Pilih Selanjutnya.

11. Tinjau sumber daya dan detail konfigurasi.

12. Pilih Berikutnya atau Buat proyek. (Pilihan yang ditampilkan tergantung pada template proyek Anda.)

    Biarkan beberapa menit saat proyek Anda dibuat.

13. Setelah proyek Anda dibuat, pilih Lihat aplikasi untuk melihat aplikasi web Anda.

Langkah 2: Lihat kode sumber Anda

Pada langkah ini, Anda melihat kode sumber Anda dan alat yang dapat Anda gunakan untuk repositori sumber Anda.

1. Di bilah navigasi untuk proyek Anda, pilih Repositori.

   Untuk melihat daftar komit GitHub, pilih Lihat komit. Ini membuka riwayat komit Anda di GitHub.

   Untuk melihat masalah, pilih tab Masalah untuk proyek Anda. Untuk membuat masalah baru GitHub, pilih Buat GitHub masalah. Ini membuka formulir masalah repositori Anda di. GitHub

2. Di bawah tab Repositori, pilih tautan di bawah nama Repositori, dan repositori proyek Anda terbuka di tab atau jendela baru. Repositori ini berisi kode sumber untuk proyek Anda.

Langkah 3: Buat Permintaan GitHub Tarik

Pada langkah ini, Anda membuat perubahan kecil pada kode sumber Anda dan membuat permintaan tarik.

1. Di GitHub, buat cabang fitur baru di repositori Anda. Pilih bidang drop-down cabang utama dan masukkan cabang baru di bidang bernamafeature-branch. Pilih Buat cabang baru. Cabang dibuat dan diperiksa untuk Anda.

2. Di GitHub, buat perubahan di feature-branch cabang. Buka folder publik dan buka index.html file.

3. Di AWS CodeStar konsol, di bawah Permintaan tarik, untuk membuat permintaan tarik GitHub, pilih Buat permintaan tarik. Ini membuka formulir permintaan tarik repositori Anda di. GitHub Di GitHub, pilih ikon pensil untuk mengedit file.

   Setelah ituCongratulations!, tambahkan string Well done, <name>! dan ganti <name> dengan nama Anda. Pilih Perubahan commit. Perubahan ini dilakukan pada cabang fitur Anda.

4. Di AWS CodeStar konsol, pilih proyek Anda. Pilih tab Repositori. Di bawah Permintaan tarik, pilih Buat permintaan tarik.

   Formulir terbuka GitHub. Tinggalkan cabang utama di cabang dasar. Untuk Bandingkan dengan, pilih cabang fitur Anda. Lihat perbedaannya.

5. Di GitHub, pilih Buat permintaan tarik. Permintaan tarik bernama Update index.html dibuat.

6. Di AWS CodeStar konsol, lihat permintaan tarik baru. Pilih Gabungkan perubahan untuk melakukan perubahan ke repositori dan gabungkan permintaan tarik dengan cabang utama repositori Anda.

7. Kembali ke proyek AWS CodeStar dan periksa halaman Pipeline. Anda sekarang harus melihat penyebaran pipeline.

8. Setelah proyek Anda dibuat, pilih Lihat aplikasi untuk melihat aplikasi web Anda.