Enabling Push Notifications in vBulletin 5.3.2 and Mobile Suite 1.16

Collapse
X
Collapse
  •  

  • Enabling Push Notifications in vBulletin 5.3.2 and Mobile Suite 1.16

    vBulletin Mobile Suite 1.16 includes functionality for Push Notifications. One of the requirements to add this functionality is that you must be running vBulletin 5.3.2 Connect on your site and create a project with Google's Firebase Cloud Messaging (FCM) platform. The steps below will walk you through the process of enabling this functionality in vBulletin and in your Mobile Apps.

    Add a project to your Firebase account
    Click image for larger version Name: fcm1.png Views: 1 Size: 80.0 KB ID: 4374511









    Setup Push Notifications for Android app

    First, you will need to add an Android app to your FCM project.
    Click image for larger version Name: image_69934.png Views: 0 Size: 49.2 KB ID: 4408023






    The package name for your Android App can be retrieved from your Mobile Publisher account at:
    Click image for larger version Name: image_69935.png Views: 1290 Size: 61.3 KB ID: 4408024







    After registering your Android app with FCM, you will be able to download the google-services.json file:
    Click image for larger version Name: fcm4.png Views: 1 Size: 112.0 KB ID: 4374514






    Now you need to upload the downloaded google-services.json to your Mobile Publisher account.
    Click image for larger version Name: fcm5.png Views: 1 Size: 78.5 KB ID: 4374515








    Press Continue to submit the build request for your Android app.

    Setup push notification for iOS app

    Add an iOS app to your Firebase project:
    Click image for larger version Name: fcm6.png Views: 1 Size: 53.2 KB ID: 4374516







    Your iOS Bundle Id can be retrieved from your Mobile Publisher account at the following location:
    Click image for larger version Name: fcm7.png Views: 1 Size: 137.3 KB ID: 4374517






    After registering your iOS app in FCM, you will get to download the GoogleService-info.plist file:
    Click image for larger version Name: fcm8.png Views: 1 Size: 97.8 KB ID: 4374518







    Upload your downloaded GoogleService-info.plist file to your Mobile Publisher account:
    Click image for larger version Name: fcm9.png Views: 1 Size: 70.6 KB ID: 4374519







    Press Continue to submit the build request for your iOS app in vBulletin Mobile Publisher. Once the build process is complete, you will need to continue with the included documentation inside the build download package. Make sure to register the use of Push Notifications as specified in the documentation or Apple will reject your app.

    Add Firebase Cloud Messaging Server key to your vBulletin 5 AdminCP settings

    Copy the Firebase Cloud Messaging Server key:
    Click image for larger version Name: fcm10.png Views: 1 Size: 106.3 KB ID: 4374520






    In the AdminCP go to Settings -> Options -> vBulletin API and Mobile Application Options. Make sure that "Firebase Cloud Messaging is enabled. Then paste your Firebase Cloud Messaging Server key into the Server Key field.
    Click image for larger version Name: fcm11.png Views: 1 Size: 203.9 KB ID: 4374521







    Save the Options page.
    Attached Files
    Last edited by Wayne Luke; Tue 5 Feb '19, 1:06pm.
    Tags: None
      👍 1
        Posting comments is disabled.

      About the Author

      Collapse
      Wayne Luke A curious juxtaposition of nature, technology and sustainability. Find out more about Wayne Luke

      Article Tags

      Collapse
      administration (1) beginner (3) calendar (1) cloud (1) Custom (1) database (2) Google (1) how-to (2) howto (1) how to (1) Intermediate (4) MYSQL (2) performance (2) recovery tools (1) security (2) seo (1) server information (1) sftp (1) ssl (1) ssl certificate (1) style (1) tls (1) tutorial (4) vb5howto (5) vbcloud (1)

      Latest Articles

      Collapse
      • Enabling Push Notifications in vBulletin 5.3.2 and Mobile Suite 1.16
        by Wayne Luke
        vBulletin Mobile Suite 1.16 includes functionality for Push Notifications. One of the requirements to add this functionality is that you must be running vBulletin 5.3.2 Connect on your site and create a project with Google's Firebase Cloud Messaging (FCM) platform. The steps below will walk you through the process of enabling this functionality in vBulletin and in your Mobile Apps.

        Add a project to your Firebase account








        ...
        Thu 27 Jul '17, 8:56am
      • How to Alert and Redirect users to Mobile App
        by SteveLV702
        Here are instructions on how to display an alert on your users phone when they attempt to browse your site from their phones browser.

        open up the "header" template and at the very bottom add this code:

        Code:
        <body onload="iPhoneAlert( );">
        then open up "headinclude" template and at the very bottom add this code:

        Code:
        <script type="text/javascript">
function iPhoneAlert( )
{
if ( navigator.userAgent.match(/iPhone/i)
        ...
        Mon 16 May '11, 12:01pm
      • Install App in Android Emulator
        by Jasper Aguila
        Don't have an Android device and want to see your vBulletin Mobile Suite app before it gets published? Then use the Android Emulator!

        Below is a tutorial on how to run your apk file in the Android emulator. Note: Extra step for Windows 7/Vista users! All the way at bottom of the post!

        For Mac Users check the second comment made by Lynne below.

        Thank you so much to botskool for basically helping me compile this article!
        ----------------------------------------------------------------------- ...
        Fri 13 May '11, 1:52pm
      • Installing Your App on your iPhone
        by SteveLV702
        So you got the new Mobile Suite, compiled your App and submitted to Apple but don't wanna wait for Apple to Approve it and get in the store which can take like 6 weeks... You wanna use your app NOW... well you can here is the instructions... * Login to your iOS Provisioning Portal > Devices > Add Device > enter your Phones UID to get your phones UID connect to iTunes in the Phone Summery page click on serial number and while change to UID. * go to Provisioning > Distribution tab > N...
        Fri 22 Apr '11, 12:23pm
      • Recovering App Crash Reports
        by Wayne Luke
        In order to help diagnose bugs and error reports it would be very helpful if you submitted the bug and crash reports generated by the apps in your JIRA issue report. These crash reports will be located within your Apple App Store or Android Marketplace developer's sites. Below, we have outlined the steps to recover these. Once recovered, you will need to either copy and paste them into the JIRA issue report as a comment or attach the resulting file to the JIRA Issue Report.

        iOS Issue...
        Mon 18 Apr '11, 9:06am
      • 12. Create an Android Application
        by Wayne Luke
        This article tells you how to create your Android Application. This is the second step in getting your vBulletin App submitted to Google for Approval. ...
        Wed 13 Apr '11, 9:06am
      View All
      Working...