หน้าแรก>การเขียนโปรแกรมที่เกี่ยวข้อง>โค้ดแหล่งที่มา AI
ดาวน์โหลด

OPA - ไคลเอนต์แชท XMPP สำหรับเว็บ

  • การแนะนำ
  • คุณสมบัติ
  • ความต้องการ
  • เริ่มต้น
    • การติดตั้ง
    • การกำหนดค่า
    • การทำให้เป็นสากล
    • ความเข้ากันได้
  • การให้เครดิต

การแนะนำ

OPA เป็น ไคลเอนต์แชท XMPP โอเพนซอร์ซสำหรับเว็บ (SSR) ที่สร้างขึ้นอย่างสมบูรณ์บน Vue , Nuxtjs และ Elementui ที่ติดตามแนวโน้มที่ยอดเยี่ยมที่สุด Bye Bye Flash และ Desktop Client -

เรื่องไม่สำคัญ : "OPA" ซึ่งเป็นความหมายหลายอย่างในบราซิลก็ใช้เป็นคำทักทายอย่างไม่เป็นทางการ!

OPA มีการออกแบบที่ทันสมัยซึ่งมีอินเทอร์เฟซที่สะอาดซึ่งมอบประสบการณ์การใช้งานที่ดี อินเทอร์เฟซได้รับแรงบันดาลใจจากเว็บแอปจำนวนมากที่มีอยู่แล้วในสภาพ แวดล้อม JavaScript เช่น WhatsApp Web , Telegram Web , Discord , Rocket Chat ฯลฯ ... มันเกิดมาเป็นโครงการภายในเพื่อเติม เต็มลูกค้า XMPP ที่ไม่จำเป็นต้อง ติดตั้งในแต่ละเครื่อง ได้ รับการพัฒนาด้วยเทคโนโลยี ปัจจุบัน

OPA มีการสาธิตซึ่งเป็นเวอร์ชันล่าสุด สำหรับการทดสอบมีผู้ใช้สองคน:

ชื่อผู้ใช้: รหัสผ่านดาร์ ธ : 1234

ชื่อผู้ใช้: รหัสผ่านลุค: 1234

การสาธิตมีให้ที่นี่สนุก: https://www.credija.com.br/opa-demo

มีคุณสมบัติบางอย่างในใจคำแนะนำหรือเจอข้อผิดพลาดหรือไม่? เปิดปัญหาเพื่อให้เราสามารถพูดคุยได้?

คุณสมบัติ

ตรวจสอบคุณสมบัติที่นี่: https://github.com/credija/opa/wiki/Features

ความต้องการ

ปัจจุบัน OPA ใช้ https://polyfill.io/v3/polyfill.min.js?flags=gated เพื่อการสนับสนุนที่ดีขึ้นเพราะเบราว์เซอร์ของคุณต้องการสนับสนุนคุณสมบัติทั้งสามนี้:

  • https://caniuse.com/#search=es6
  • https://caniuse.com/#feat=flexbox
  • https://caniuse.com/#feat=intersectionobserver
  • https://caniuse.com/#feat=atob-btoa

นอกจากนี้เซิร์ฟเวอร์ XMPP ของคุณจะต้องรองรับ MSM/RSM (สำหรับการเก็บถาวรข้อความ)

เริ่มต้น

แนวคิดเริ่มต้นของ OPA คือการเป็นไคลเอนต์ Plug-N-play ไปยังเซิร์ฟเวอร์ XMPP ใด ๆ

การติดตามสิ่งนี้คุณมีสองวิธีในการเรียกใช้แอพนี้:

  • การสร้างและวิ่งจากแหล่งที่มาด้วย nodejs

  • การใช้คอนเทนเนอร์ Docker ที่ให้ไว้และเขียนทับไฟล์การกำหนดค่าส่วนกลาง

การติดตั้ง

nodejs (จากแหล่งที่มา)

การติดตั้งด้วย NodeJS จะต้องให้คุณติดตั้งเส้นด้าย Package Manager คุณสามารถติดตั้งเส้นด้ายบนสภาพแวดล้อม nodejs ด้วยคำสั่งนี้: 

 npm install yarn -g

หลังจากติดตั้งเส้นด้ายคุณจะต้องโคลนโครงการลงในโฟลเดอร์ โฟลเดอร์นี้จะเป็นที่ที่เซิร์ฟเวอร์ OPA จะเรียกใช้จาก: 

 git clone https://github.com/credija/opa.git

หลังจากการประชุมโครงการคุณจะต้องนำทางไปยังโฟลเดอร์นี้และเรียกใช้คำสั่งด้านล่างเพื่อสร้างและเริ่ม OPA: 

 yarn build && yarn start

อย่างไรก็ตามคุณจะต้องเชื่อมต่อกับเซิร์ฟเวอร์ XMPP ของคุณ ในการทำเช่นนั้นคุณต้องเขียนทับ/คุณ-project-clone-folder/static/config/app-config.json (คำอธิบายของแต่ละตัวเลือกในไฟล์กำหนดค่าอยู่ในส่วนการกำหนดค่า)

นักเทียบท่า

การติดตั้งด้วย Docker นั้นตรงไปตรงมามาก อย่างไรก็ตามคุณจะต้องเชื่อมต่อกับเซิร์ฟเวอร์ XMPP ของคุณ ในการทำเช่นนั้นคุณต้องเขียนทับ/APP/static/config/app-config.json (คำอธิบายของแต่ละตัวเลือกในไฟล์กำหนดค่าอยู่ในส่วนการกำหนดค่า): 

 docker run --name opa -d --restart=always 
  --publish 3000:3000 
  --volume /opt/your-config.json:/app/static/config/app-config.json 
  -m 512MB 
  credija/opa

การกำหนดค่า

ในการเชื่อมต่อกับเซิร์ฟเวอร์ XMPP คุณจะต้องเขียนทับ App-config.json ตัวเลือกเหล่านี้:

  • XMPP_SERVER_ADDRESS : ที่อยู่สำหรับการเชื่อมต่อ HTTP/S BOSH หรือ WSS WebSocket
  • xmpp_server_domain : โดเมนแชทของคุณ
  • app_locale : สถานที่ตั้งจะต้องตั้งค่าในรูปแบบ "ภาษาประเทศ" เช่น "en-us", "pt-br" ฯลฯ เนื่องจากค่านี้จะถูกใช้ในการจัดรูปแบบวันที่ผ่านแอพ
  • show_users_without_groups : บูลีน จริงสำหรับการแสดงผู้ใช้ที่ไม่มีกลุ่ม (จะอยู่ในกลุ่ม 'อื่น ๆ ') และเท็จสำหรับการซ่อนผู้ใช้เหล่านี้

การทำให้เป็นสากล

OPA มีโครงสร้างปลั๊ก -N-play สำหรับสถานที่ซึ่งเก็บไว้ใน /คงที่ /สถานที่

ตอนนี้มีภาษาเหล่านี้:

  • en-us
  • PT-BR
  • de-de (ขอบคุณ @matzeso สำหรับการแปลนี้)

หากคุณต้องการทดสอบ OPA แต่ไม่มีภาษาของคุณคุณสามารถพัฒนาคำแปลของคุณเองไปยังแอพตามตัวอย่างที่จัดทำโดย en-us.json

เมื่อเสร็จสิ้นการส่งคำขอดึงในสาขาพัฒนาด้วยการแปลของคุณเพื่อให้เราสามารถเพิ่มลงใน OPA

หมายเหตุ: เป็นสิ่งสำคัญที่ต้องจำไว้ว่าไฟล์จำเป็นต้องทำตามรูปแบบ 'language-country.json' ซึ่งเป็นแบบเดียวกับที่ใช้ในตัวเลือก app_locale

ความเข้ากันได้

เบราว์เซอร์ที่ทดสอบแล้ว:

  • Google Chrome
  • Firefox
  • โอเปร่า
  • Microsoft Edge

ไม่ได้ทดสอบ:

  • เช่น
  • ซาฟารี

เซิร์ฟเวอร์ XMPP ที่ทดสอบแล้ว:

  • Ignite Realtime: OpenFire Server เวอร์ชัน 4.3.2
  • Ejabberd เวอร์ชัน 18.04

การให้เครดิต

  • ต้องขอบคุณทีมไอทีของ Sicoob Credija ซึ่งให้การสนับสนุนการทดสอบและโครงสร้างพื้นฐานสำหรับการพัฒนาโครงการนี้

  • ขอบคุณ Vuejs, Nuxtjs, Element-ui, Strophejs สำหรับห้องสมุดหลักของโครงการนี้

  • อิโมจิที่ใช้ในแอพนี้มาจากโครงการ Twemoji และได้รับใบอนุญาตภายใต้ CC-by 4.0

ขยาย
ข้อมูลเพิ่มเติม
แอปที่เกี่ยวข้อง
แนะนำสำหรับคุณ
ข้อมูลที่เกี่ยวข้อง ทั้งหมด