PHP Ionic Angular Phonegap AJAX Javascript CSS MySQL jQuery Forum


เตรียมพร้อม ใช้งาน Push Notification ใน ionic material app

26 November 2016 By
ionicmaterial ionicframework

คำสั่ง การ กำหนด รูปแบบ ตัวอย่าง เทคนิค ลูกเล่น การประยุกต์ การใช้งาน เกี่ยวกับ ionicmaterial ionicframework



สำหรับเนื้อหาในตอนนี้ จะเป็นการแนะนำการเตรียมพร้อมสำหรับ การใช้งาน 
Push Notification ใน ionic material app โดยจะแนะนำการตรวจสอบสิ่ง
ที่จำเป็นในการใช้งาน การตั้งค่าต่างๆ การใช้งาน Firebase cloud messaging
แทน Google Cloud Messaging (GCM) และอื่นๆ
 

1. สร้างโปรเจ็คใหม่ใน Firebase 

    ก่อนอื่นต้องบอกว่า Firebase ก็เป็นของ google และน่าจะมีแทน GCM ที่เป็นการใช้งาน
กับระบบ Push Notification รุ่นเก่า เพราะทดทดสอบแล้ว api key จะไม่สามารถใช้ทำการ
ส่ง Push message ได้ ต้องเปลี่ยนมาใช้ FCM token ของ Firebase แทน
 
    เริ่มต้นให้เข้าไปที่ https://console.firebase.google.com/  
 
    ถ้ายังไม่ได้ล็อกอิน ให้ทำการล็อกอินด้วยบัญชี google ก่อน
จากนั้นหาปุ่ม เมนู CREATE NEW PROJECT หน้าตาหรือรูปแบบอาจจะเปลี่ยนไปจากนี้ตามเวลา


 
 
กำหนดชื่อโปรเจ็ค และเลือกประเทศ ในตัวอย่างจะใช้เป็น APP PUSH จากนั้นกด CREATE PROJECT
     

 
 
หลังจากระบบสร้างโปรเจ็คให้เราเรียบร้อยแล้ว เราก็จะมาในหน้าหลักของโปรเจ็ค ให้คลิกไปที่รูปฟันเฟือง
การตั้งค่าของโปรเจ็ค เลือก Project Setting


 
 
แล้วไปที่แท็บ CLOUD MESSAGING เราจะได้ Sender ID และ Firebase Cloud Messaging token (FCM token)
ไว้ใช้งานในการส่ง Push Notification


 
 

2. ตรวจสอบ Package ใน Android SDK ที่จำเป็น

    ให้ทำการเปิด Android SDK Manager ขึ้นมาแล้วใน Packages ในส่วนของ Extras
ติดตั้งส่วนจำเป็น 4 รายการนี้ ได้แก่
    - Android Support Repository
    - Android Support Library
    - Google Play services
    - Google Repository
 
 
ปล. การเปิดหน้าต่าง Android SDK Manager ขึ้นกับว่าเราได้ติดตั้งในรูปแบบไหน
ในที่นี้สามารถเรียกได้ด้วยคำสั่ง ใน command line
 
C:\phonegap\learn004>android
 
หากเป็นไปได้ พยายามอัพเดท android เวอร์ชั่นใน SDK Manager ให้เป็นเวอร์ชั่นใหม่ๆ แต่ของผู้เขียน
ยังเป็น Android 6.0 
 

3. อัพเดท cordova และ phonegap ให้เป็นเวอร์ชั่นล่าสุด

 
การอัพเดท Phonegap 
 
npm i -g phonegap to update
 
การอัพเดท Cordova
 
npm install -g cordova@latest
 
หรือดูรายละเอียดเพิ่มเติมได้ที่
 
คำสั่ง update phonegap และ cordova 
http://www.ninenik.com/content.php?arti_id=649 via @ninenik

 








เนื้อหาที่เกี่ยวข้อง



Tags:: ionicmaterial ionicframework




เนื้อหาพิเศษ เฉพาะสำหรับสมาชิก

กรุณาล็อกอิน และลงชื่อติดตาม


สมัครสมาชิกได้ที่        ล็อกอินได้ที่   



อย่าลืมกด Like กด Share เป็นกำลังใจ ในการสร้างบทความใหม่ๆ น่ะครับ


URL สำหรับอ้างอิง