ວິທີການໃຊ້ໂປແກຼມ Angular ໂດຍໃຊ້ Angular CLI ແລະ PM2

Angular CLI ແມ່ນອິນເຕີເຟດ ສຳ ລັບເສັ້ນຂອບ Angular, ເຊິ່ງໃຊ້ເພື່ອສ້າງ, ສ້າງແລະເຮັດວຽກຂອງທ່ານໃນທ້ອງຖິ່ນໃນຂະນະທີ່ ກຳ ລັງພັດທະນາ.

ມັນຖືກອອກແບບມາເພື່ອສ້າງແລະທົດລອງໂຄງການ Angular ໃນ server ພັດທະນາ. ເຖິງຢ່າງໃດກໍ່ຕາມ, ຖ້າທ່ານຕ້ອງການ ດຳ ເນີນການ/ຮັກສາໂປແກຼມຂອງທ່ານຕະຫຼອດໄປໃນການຜະລິດ, ທ່ານຕ້ອງການຜູ້ຈັດການຂະບວນການ Node.js ເຊັ່ນ PM2.

PM2 ແມ່ນຜູ້ຈັດການຂະບວນການຜະລິດທີ່ມີຄວາມນິຍົມ, ກ້າວ ໜ້າ ແລະມີຄຸນນະສົມບັດ ສຳ ລັບໂປແກຼມ Node.js ທີ່ມີໂປແກຼມບັນຈຸໂຫຼດ. ຊຸດຄຸນນະສົມບັດຂອງມັນປະກອບມີການສະ ໜັບ ສະ ໜູນ ການຕິດຕາມກວດກາການ ນຳ ໃຊ້, ການບໍລິຫານ/ຂະບວນການຈຸລະພາກທີ່ມີປະສິດທິພາບ, ຮູບແບບການ ນຳ ໃຊ້ໂປແກຼມ, ແລະການເລີ່ມຕົ້ນ ໃໝ່ ແລະປິດການ ນຳ ໃຊ້. ພ້ອມກັນນັ້ນ, ມັນສະ ໜັບ ສະ ໜູນ ການຈັດການບັນທຶກການ ນຳ ໃຊ້ງ່າຍແລະອື່ນໆ.

ໃນບົດຂຽນນີ້, ພວກເຮົາຈະສະແດງວິທີການ ດຳ ເນີນການໃຊ້ Angular ໂດຍໃຊ້ Angular CLI ແລະ PM2 Node.js process manager. ນີ້ຊ່ວຍໃຫ້ທ່ານສາມາດ ດຳ ເນີນການສະ ໝັກ ຂອງທ່ານຢ່າງຕໍ່ເນື່ອງໃນລະຫວ່າງການພັດທະນາ.

ທ່ານຕ້ອງມີການຕິດຕັ້ງຊຸດຕໍ່ໄປນີ້ໃນ server ຂອງທ່ານເພື່ອ ດຳ ເນີນການຕໍ່ໄປ:

<

  • Node.js ແລະ NPM
  • Angular CLI
  • PM2

    • ໝາຍ ເຫດ: ຖ້າທ່ານມີ Node.js ແລະ NPM ຕິດຕັ້ງຢູ່ໃນລະບົບ Linux ຂອງທ່ານແລ້ວ, ກະລຸນາໄປທີ່ຂັ້ນຕອນທີ 2.

    ຂັ້ນຕອນທີ 1: ການຕິດຕັ້ງ Node.js ໃນ Linux

    ເພື່ອຕິດຕັ້ງ Node.js ລຸ້ນລ້າສຸດ, ທຳ ອິດໃຫ້ຕື່ມ NodeSource repository ໃນລະບົບຂອງທ່ານດັ່ງທີ່ສະແດງແລະຕິດຕັ້ງແພັກເກດ. ຢ່າລືມ ດຳ ເນີນການ ຄຳ ສັ່ງທີ່ຖືກຕ້ອງ ສຳ ລັບລຸ້ນ Node.js ທີ່ທ່ານຕ້ອງການຕິດຕັ້ງໃນການແຈກຈ່າຍ Linux ຂອງທ່ານ.

    $ curl -sL https://deb.nodesource.com/setup_12.x | sudo -E bash -        #for Node.js version 12
$ curl -sL https://deb.nodesource.com/setup_11.x | sudo -E bash -        #for Node.js version 11
$ curl -sL https://deb.nodesource.com/setup_10.x | sudo -E bash -        #for Node.js version 10
$ sudo apt install -y nodejs

    # curl -sL https://deb.nodesource.com/setup_12.x | bash -    #for Node.js version 12
# curl -sL https://deb.nodesource.com/setup_11.x | bash -    #for Node.js version 11
# curl -sL https://deb.nodesource.com/setup_10.x | bash -     #for Node.js version 10
# apt install -y nodejs

    # curl -sL https://rpm.nodesource.com/setup_12.x | bash -    #for Node.js version 12
# curl -sL https://rpm.nodesource.com/setup_11.x | bash -    #for Node.js version 11
# curl -sL https://rpm.nodesource.com/setup_10.x | bash -    #for Node.js version 10
# yum -y install nodejs
# dnf -y install nodejs   [On RHEL 8 and Fedora 22+ versions]

    ນອກຈາກນີ້, ຍັງຕິດຕັ້ງເຄື່ອງມືພັດທະນາໃນລະບົບຂອງທ່ານເພື່ອໃຫ້ທ່ານສາມາດລວບລວມແລະຕິດຕັ້ງເຄື່ອງຕິດພື້ນເມືອງຈາກ NPM.

    $ sudo apt install build-essential  [On Debian/Ubuntu]
# yum install gcc-c++ make          [On CentOS/RHEL]
# dnf install gcc-c++ make          [On Fedora]

    ເມື່ອທ່ານໄດ້ຕິດຕັ້ງ Node.js ແລະ NPM, ທ່ານສາມາດກວດເບິ່ງເວີຊັນຂອງມັນໂດຍໃຊ້ ຄຳ ສັ່ງຕໍ່ໄປນີ້.

    $ node -v
$ npm -v

    ຂັ້ນຕອນທີ 2: ການຕິດຕັ້ງ Angular CLI ແລະ PM2

    ຕໍ່ໄປ, ຕິດຕັ້ງ Angular CLI ແລະ PM2 ໂດຍໃຊ້ npm package manager ດັ່ງທີ່ສະແດງໄວ້. ໃນ ຄຳ ສັ່ງຕໍ່ໄປນີ້, ຕົວເລືອກ -g ໝາຍ ເຖິງການຕິດຕັ້ງແພກເກດທົ່ວໂລກ - ສາມາດ ນຳ ໃຊ້ໄດ້ໂດຍຜູ້ໃຊ້ລະບົບທັງ ໝົດ.

    $ sudo npm install -g @angular/cli        #install Angular CLI
$ sudo npm install -g pm2                 #install PM2

    ຂັ້ນຕອນທີ 3: ການສ້າງໂຄງການ Angular ໂດຍໃຊ້ Angular CLI

    ຕອນນີ້ຍ້າຍໄປທີ່ webroot directory ຂອງ server ຂອງທ່ານ, ຈາກນັ້ນສ້າງ, ສ້າງແລະຮັບໃຊ້ແອັບ Angular ຂອງທ່ານ (ທີ່ເອີ້ນວ່າ sysmon-app , ທົດແທນສິ່ງນີ້ດ້ວຍຊື່ຂອງແອັບ your ຂອງທ່ານ) ໂດຍໃຊ້ Angular CLI.

    $ cd /srv/www/htdocs/
$ sudo ng new sysmon-app        #follow the prompts

    ຖັດໄປ, ຍ້າຍເຂົ້າໄປໃນແອັບພລິເຄຊັນ (ເສັ້ນທາງເຕັມແມ່ນ /srv/www/htdocs/sysmon-app ) ທີ່ຫາກໍ່ສ້າງແລະໃຫ້ບໍລິການໂປແກຼມດັ່ງທີ່ໄດ້ສະແດງແລ້ວ.

    $ cd sysmon-app
$ sudo ng serve

    ຈາກຜົນຜະລິດຂອງ ຄຳ ສັ່ງ ng serve, ທ່ານສາມາດເຫັນໄດ້ວ່າແອັບ Angular ບໍ່ໄດ້ເຮັດວຽກຢູ່ໃນພື້ນຫລັງ, ທ່ານບໍ່ສາມາດເຂົ້າເຖິງ ຄຳ ສັ່ງຂອງ ຄຳ ສັ່ງອີກຕໍ່ໄປ. ເພາະສະນັ້ນທ່ານບໍ່ສາມາດປະຕິບັດ ຄຳ ສັ່ງອື່ນໃດໃນຂະນະທີ່ມັນ ກຳ ລັງແລ່ນຢູ່.

    ດັ່ງນັ້ນ, ທ່ານຕ້ອງການຜູ້ຈັດການຂະບວນການເພື່ອຄວບຄຸມແລະຈັດການແອັບພລິເຄຊັນ: ດໍາເນີນການຢ່າງຕໍ່ເນື່ອງ (ຕະຫຼອດໄປ) ແລະຍັງຊ່ວຍໃຫ້ມັນເລີ່ມຕົ້ນໂດຍອັດຕະໂນມັດໃນລະບົບບູດດັ່ງທີ່ໄດ້ອະທິບາຍໄວ້ໃນພາກຕໍ່ໄປ.

    ກ່ອນທີ່ທ່ານຈະໄປຫາພາກຕໍ່ໄປ, ຢຸດຂະບວນການໂດຍການກົດ [Ctl + C] ເພື່ອປົດປ່ອຍ ຄຳ ສັ່ງສັ່ງ.

    ຂັ້ນຕອນທີ 4: ແລ່ນໂຄງການ Angular ຕະຫຼອດໄປໂດຍໃຊ້ PM2

    ເພື່ອເຮັດໃຫ້ແອັບພລິເຄຊັນ ໃໝ່ ຂອງທ່ານ ດຳ ເນີນການໃນພື້ນຫລັງ, ປ່ອຍ ຄຳ ສັ່ງ ຄຳ ສັ່ງໃຫ້ຟຣີ, ໃຫ້ໃຊ້ PM2 ເພື່ອຮັບໃຊ້ມັນ, ດັ່ງທີ່ສະແດງໄວ້. PM2 ຍັງຊ່ວຍວຽກງານການບໍລິຫານລະບົບທົ່ວໄປເຊັ່ນ: ການເລີ່ມຕົ້ນ ໃໝ່ ກ່ຽວກັບຄວາມລົ້ມເຫຼວ, ການຢຸດ, ການຕັ້ງຄ່າການຕັ້ງຄ່າ ໃໝ່ ໂດຍບໍ່ຕ້ອງໃຊ້ເວລາຊ້າ, ແລະອື່ນໆ.

    $ pm2 start "ng serve" --name sysmon-app

    ຕໍ່ໄປ, ເພື່ອເຂົ້າຫາອິນເຕີເຟດຂອງແອັບພລິເຄຊັນຂອງທ່ານ, ເປີດໂປແກຼມທ່ອງເວັບແລະ ນຳ ທາງໂດຍໃຊ້ທີ່ຢູ່ http:/localhost: 4200 ດັ່ງທີ່ສະແດງຢູ່ໃນພາບ ໜ້າ ຈໍຕໍ່ໄປນີ້.

    ໜ້າ ເວັບຂອງ Angular CLI: https://angular.io/cli
    ເວບໄຊທ໌ PM2: http://pm2.keymetrics.io/

    ໃນຄູ່ມືນີ້, ພວກເຮົາໄດ້ສະແດງວິທີການ ດຳ ເນີນການໃຊ້ Angular ໂດຍໃຊ້ Angular CLI ແລະ PM2 process process. ຖ້າທ່ານມີຄວາມຄິດເພີ່ມເຕີມທີ່ຈະແບ່ງປັນຫຼືຖາມ ຄຳ ຖາມ, ຕິດຕໍ່ຫາພວກເຮົາຜ່ານແບບຟອມ ຄຳ ຄິດເຫັນດ້ານລຸ່ມ.