เพิ่มอุปกรณ์ทดสอบพุช

คุณสามารถใช้อุปกรณ์ทดสอบ (Test Devices) เพื่อดูตัวอย่างว่าการแจ้งเตือนแบบพุชจะมีลักษณะอย่างไรบนอุปกรณ์ก่อนที่จะส่งไปยังผู้ใช้แอป ในการทำเช่นนั้น คุณต้อง ลงทะเบียนอุปกรณ์ของคุณ (ที่ติดตั้งแอปของคุณไว้แล้ว) ให้เป็น อุปกรณ์ทดสอบ (Test Device)

ในการเพิ่มอุปกรณ์ทดสอบ:

1. ไปที่ส่วน Test devices ในบัญชี Pushwoosh ของคุณ

2. คลิกปุ่มดรอปดาวน์ Add Device ที่มุมบนขวาและเลือก Push

คุณสามารถเพิ่มอุปกรณ์ทดสอบพุชได้สองวิธี: การกำหนดค่าอัตโนมัติด้วย QR code หรือการกำหนดค่าด้วยตนเอง

วิธีนี้เหมาะสำหรับอุปกรณ์ iOS และ Android เท่านั้น

1. ในส่วน Test Devices คลิก Add Device และเลือก Push
2. สแกน QR code ที่ปรากฏในป๊อปอัป ซึ่งจะสร้างดีปลิงก์ (deep link) ที่ Pushwoosh SDK สามารถแยกวิเคราะห์เพื่อลงทะเบียนอุปกรณ์ของคุณเป็นอุปกรณ์ทดสอบโดยอัตโนมัติ
3. เพิ่มดีปลิงก์ไปยังการกำหนดค่าแอป:

• สำหรับ Android: เพิ่มลงในไฟล์ AndroidManifest.xml
• สำหรับ iOS: เพิ่มลงในไฟล์ Info.plist

สำหรับรายละเอียดเพิ่มเติม โปรดปฏิบัติตามคำแนะนำสำหรับ Android และ iOS ใน ส่วนการติดตั้ง (Implementation)

หากคุณต้องการลงทะเบียนอุปกรณ์ทดสอบด้วยตนเอง ให้ทำตามขั้นตอนต่อไปนี้:

1. รับ Hardware ID (HWID) ของอุปกรณ์จากการเรียก API /registerDevice ที่สำเร็จ
2. กรอกข้อมูลในช่องที่จำเป็น:
   • Device Name: ชื่อที่สื่อความหมายสำหรับอุปกรณ์ทดสอบ (เช่น “Android ของ John”)
   • Device HWID: Hardware ID ที่ไม่ซ้ำกันของอุปกรณ์
   • Device Type: เลือกแพลตฟอร์ม (เช่น iOS, Android, Web)
   • Description (Optional): เพิ่มบันทึกหรือรายละเอียดเกี่ยวกับอุปกรณ์เพื่อใช้อ้างอิง
3. คลิก Save เพื่อลงทะเบียนอุปกรณ์ทดสอบ

เมื่อลงทะเบียนแล้ว อุปกรณ์ทดสอบจะปรากฏในส่วน Test Devices

1. ติดตั้ง Pushwoosh SDK กับแอปพลิเคชันของคุณ

2. เพิ่ม DeepLinkActivity ไปยัง AndroidManifest.xml ของคุณ:

<activity
          android:name="com.pushwoosh.DeepLinkActivity"
          android:theme="@android:style/Theme.Translucent.NoTitleBar" >
  <intent-filter>
    <action android:name="android.intent.action.VIEW" />
    <category android:name="android.intent.category.DEFAULT" />
    <category android:name="android.intent.category.BROWSABLE" />

    <data android:scheme="pushwoosh-YOUR_PUSHWOOSH_APP_ID" />
  </intent-filter>
</activity>

อย่าลืมแทนที่ YOUR_PUSHWOOSH_APP_ID ใน xml ข้างต้นด้วย Pushwoosh App ID ของคุณ
ตัวอย่าง: <data android:scheme=“pushwoosh-ABCDE-EDCBA” />

3. เปิดแอปพลิเคชันเพื่อสมัครรับการแจ้งเตือนแบบพุช

4. สแกน QR Code ในฟอร์ม Test Devices โดยใช้แอปสแกน QR Code ที่เหมาะสม* ข้อความ toast จะปรากฏขึ้นเพื่อแจ้งสถานะการลงทะเบียนอุปกรณ์ทดสอบ

* – แอปสแกน QR code ส่วนใหญ่จัดการกับดีปลิงก์ดังกล่าวได้อย่างถูกต้อง นี่เป็นเพียงตัวอย่างบางส่วน:

• QR & Barcode Scanner, Gamma Play
• QR & Barcode Scanner, Maker, AppSourceHub

1. ติดตั้ง Pushwoosh SDK กับแอปพลิเคชันของคุณ

2. เพิ่ม URL scheme pushwoosh-YOUR_PUSHWOOSH_APP_ID ไปยังไฟล์ Info.plist:

<key>CFBundleURLTypes</key>
<array>
  <dict>
    <key>CFBundleTypeRole</key>
    <string>Editor</string>
    <key>CFBundleURLName</key>
    <string>com.pushwoosh.scheme</string>
    <key>CFBundleURLSchemes</key>
    <array>
      <string>pushwoosh-YOUR_PUSHWOOSH_APP_ID</string>
    </array>
  </dict>
</array>

อย่าลืมแทนที่ YOUR_PUSHWOOSH_APP_ID ใน XML ข้างต้นด้วย Pushwoosh App ID ของคุณ
ตัวอย่าง: pushwoosh-ABCDE-EDCBA

info.plist

  <key>UIApplicationSceneManifest</key>
  <dict>
    <key>UIApplicationSupportsMultipleScenes</key>
    <true/>
    <key>UISceneConfigurations</key>
    <dict>
      <key>UIWindowSceneSessionRoleApplication</key>
      <array>
        <dict>
          <key>UISceneConfigurationName</key>
          <string></string>
          <key>UISceneDelegateClassName</key>
          <string>$(PRODUCT_MODULE_NAME).SceneDelegate</string>
        </dict>
      </array>
    </dict>
  </dict>

SceneDelegate

import SwiftUI

@main
struct DemoApp: App {
  @UIApplicationDelegateAdaptor(AppDelegate.self) var appDelegate

  var body: some Scene {
      WindowGroup {
          ContentView()
      }
  }
}

class SceneDelegate: NSObject, UIWindowSceneDelegate {

  var window: UIWindow?

  func scene(_ scene: UIScene, willConnectTo session: UISceneSession, options connectionOptions: UIScene.ConnectionOptions) {
      guard let _ = (scene as? UIWindowScene) else { return }
  }
}

class AppDelegate: NSObject, UIApplicationDelegate, PWMessagingDelegate {

  func application(_ application: UIApplication, configurationForConnecting connectingSceneSession: UISceneSession, options: UIScene.ConnectionOptions) -> UISceneConfiguration {
      let sceneConfig: UISceneConfiguration = UISceneConfiguration(name: nil, sessionRole: connectingSceneSession.role)
      sceneConfig.delegateClass = SceneDelegate.self
      return sceneConfig
  }

}

3. เปิดแอปพลิเคชันเพื่อสมัครรับการแจ้งเตือนแบบพุช

4. สแกน QR Code ในฟอร์ม Test Devices โดยใช้เครื่องสแกน QR Code ที่เหมาะสม