Page 1 of 2 12 LastLast
Results 1 to 10 of 20

Thread: Developing PWA Apps in Lianja 6

  1. #1
    Lianja Development Team barrymavin's Avatar
    Join Date
    Feb 2012
    Location
    UK, USA, Thailand
    Posts
    6,225

    Post Developing PWA Apps in Lianja 6

    A Progressive Web App (PWA) is a website that can be installed on your device and provide an app-like experience.

    Lianja 6 supports a wide range of new functionality for building Progressive Web Apps (PWA).

    Media capture

    Media capture allows apps to use the camera and microphone of a device. After recording a video you can play it, download it or record another one.

    Capture and upload photos. The controlsource may be table.column format or filename.rsp to handle custom uploads.

    Code:
    Lianja.getPhoto(onsuccess, onerror, controlsource, containerid, append, keyfield, keyfieldvalue, includefiles)

    Capture and upload videos. The controlsource may be table.column format or filename.rsp to handle custom uploads.

    Code:
    Lianja.getVideo(onsuccess, onerror, controlsource, containerid, append, keyfield, keyfieldvalue, includefiles)
    Audio recording

    Capture and upload audio recordings. The controlsource may be table.column format or filename.rsp to handle custom uploads.

    Code:
    Lianja.getAudio(onsuccess, onerror, controlsource, containerid, append, keyfield, keyfieldvalue, includefiles)
    Vibration

    The Vibration API enables web apps to make a mobile device vibrate.

    Code:
    Lianja.vibrate(secs)
    Audio Feedback

    Code:
    Lianja.beep()
    Orientation

    The DeviceOrientationEvent gives information about the physical orientation of the user's device.

    Code:
    orientationchanged App delegate
    Lianja.getOrientation()
    Geolocation

    The Geolocation API enables users to share their location with a web app.

    Code:
    devicemotionchanged App delegate
    getCurrentPosition(onsuccess, onerror)
    Device motion

    The DeviceMotionEvent gives information about the speed of changes for the position and orientation of the user's device.

    Code:
    devicemotionchanged App delegate
    Lianja.getCurrentAcceleration(onsuccess, onerror)
    Network info

    The NetworkInformation API provides information about the connection of a device, allowing web apps to adapt functionality based on network quality.

    Code:
    connectionchanged App delegate
    Lianja.getConnection()
    Multi touch

    This is handled in page, section and formitem gesture delegates

    gestureswipeleft
    gestureswiperight
    gestureswipeup
    gestureswipedown
    gesturepan
    gesturepinch
    gesturetap
    gesturetapandhold

    File System

    Choose and upload files. The controlsource may be table.column format or filename.rsp to handle custom uploads.

    Code:
    Lianja.getFiles(onsuccess, onerror, controlsource, adding, keyfield, keyfieldvalue)
    Payment

    The Payment Request API provides a browser-based method to enable users to make payments on the web, using a credit card, Apple Pay or Google Pay for example.

    Code:
    Lianja.makePayment(onsuccess, onerror, supportedMethods, supportedNetworks, supportedTypes, orderID, shoppingCart)

    Example:

    Name:  Screen Shot 2021-03-09 at 10.54.21 AM.jpg
Views: 46
Size:  37.9 KB
    Last edited by barrymavin; 2021-03-08 at 21:55.
    Principal developer of Lianja, Recital and other products

    Follow me on:

    Twitter: http://twitter.com/lianjaInc
    Facebook: http://www.facebook.com/LianjaInc
    LinkedIn: http://www.linkedin.com/in/barrymavin

  2. #2
    Lianja Development Team barrymavin's Avatar
    Join Date
    Feb 2012
    Location
    UK, USA, Thailand
    Posts
    6,225
    Lianja.makePayment() handles in App purchases for you in your PWA Apps. Web and Mobile.

    Name:  Screen Shot 2021-02-09 at 4.21.37 PM.jpg
Views: 136
Size:  83.7 KB

    Name:  Screen Shot 2021-02-09 at 4.24.24 PM.jpg
Views: 139
Size:  57.5 KB
    Principal developer of Lianja, Recital and other products

    Follow me on:

    Twitter: http://twitter.com/lianjaInc
    Facebook: http://www.facebook.com/LianjaInc
    LinkedIn: http://www.linkedin.com/in/barrymavin

  3. #3
    Lianja MVP
    Join Date
    Feb 2012
    Location
    Berea, KY, USA
    Posts
    2,068
    Nice!

  4. #4
    Member
    Join Date
    Mar 2014
    Posts
    93
    Very Nice.
    Barry I have specialized in financial transactions services for a very long time, I assume we can link the APP purchases to our Gateway of choice?

  5. #5
    Lianja Development Team barrymavin's Avatar
    Join Date
    Feb 2012
    Location
    UK, USA, Thailand
    Posts
    6,225
    You can get more information from here.
    https://developers.google.com/web/il...nt-request-api

    Progressive Web Apps APIs are improving all the time.
    Principal developer of Lianja, Recital and other products

    Follow me on:

    Twitter: http://twitter.com/lianjaInc
    Facebook: http://www.facebook.com/LianjaInc
    LinkedIn: http://www.linkedin.com/in/barrymavin

  6. #6
    Senior Member
    Join Date
    Feb 2012
    Posts
    1,239
    This is going to open up a lot of doors.

  7. #7
    Member
    Join Date
    Feb 2012
    Location
    São Paulo - Brasil
    Posts
    38
    Hi,
    I am trying use the method Lianja.getPhoto.
    Could you explain the parameters
    containerid, append, keyfield, keyfieldvalue, includefiles?
    getCurrentPosition return undefined.
    Regards,

  8. #8
    Lianja Development Team barrymavin's Avatar
    Join Date
    Feb 2012
    Location
    UK, USA, Thailand
    Posts
    6,225
    What. version if Lianja are you using?

    PWA on mobile or desktop browser?
    Principal developer of Lianja, Recital and other products

    Follow me on:

    Twitter: http://twitter.com/lianjaInc
    Facebook: http://www.facebook.com/LianjaInc
    LinkedIn: http://www.linkedin.com/in/barrymavin

  9. #9
    Member
    Join Date
    Feb 2012
    Location
    São Paulo - Brasil
    Posts
    38
    Lianja 6 on mobile

  10. #10
    Lianja Development Team barrymavin's Avatar
    Join Date
    Feb 2012
    Location
    UK, USA, Thailand
    Posts
    6,225
    Lianja 6 has not yet been released as you know.

    "On mobile" meaning what? you are accessing an App in the browser on a phone. Can you "Install" it to the home screen?

    PWA Apps need to be accessed using https (SSL) to enable access to PWA functionality such as the camera and geolocation.
    Principal developer of Lianja, Recital and other products

    Follow me on:

    Twitter: http://twitter.com/lianjaInc
    Facebook: http://www.facebook.com/LianjaInc
    LinkedIn: http://www.linkedin.com/in/barrymavin

Bookmarks

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
Journey into the Cloud
Join us