DEV Community: BEWIZYU | Agence Digitale

Quoi de neuf dans Laravel 8 ?

Yacine ALHYANE — Mon, 19 Apr 2021 12:22:46 +0000

Le 8 septembre 2020, la version 8 de Laravel est sortie, qui dispose de nouvelles fonctionnalités telles que le répertoire des modèles, l'ecrasement des migrations (Squashing), les jobs batch, des améliorations en mode maintenance, des composants dynamiques dans les templates Blade, améliorations des écouteurs d'événements, etc.

Version	Release	Bug Fixes Until	Security Fixes Until
6 (LTS)	September 3rd, 2019	September 7th, 2021	September 6th, 2022
7	March 3rd, 2020	October 6th, 2020	March 3rd, 2021
8	September 8th, 2020	March 1st, 2022	September 6th, 2022
9 (LTS)	September, 2021	September, 2023	September, 2024
10	September, 2022	March, 2024	September, 2024

Laravel Releases Calendar

Dans cet article, je vais vous parler de tous les détails de certaines de ces nouvelles fonctionnalités.

1. Laravel Jetstream

Il s’agit d’un package de scaffolding qui vous permet de créer rapidement les fonctionnalités de connexion, d’enregistrement, de vérification d’e-mail, d’authentification à 2 étapes, de gérer les sessions, le support API via Laravel Sactum et éventuellement la gestion des équipes.

Laravel Jetstream remplace et améliore le package de scaffolding que Laravel avait dans les versions précédentes avec l’interface utilisateur, qui a été créée avec Tailwind CSS.

Laravel Jetstream est venue avec deux choix de stacks frontend Livewire + Blade ou Inertia.js + Vue.js

Comment utiliser laravel Jetstream?

Vous pouvez créer une nouvelle application avec Jetstream à l’aide du programme d’installation de Laravel. Assurez-vous que le programme d’installation de Laravel est mis à jour vers la v4.0, puis exécutez ce qui suit:

laravel new my-project -jet

Choisissez le stack que vous souhaitez utiliser: Livewire ou Inertia.

Ensuite, exécutez vos migrations de base de données avec:

php artisan migrate

Finalement, consultez votre application sur http://localhost:8000 en exécutant:

php artisan serve

2. Un répertoire pour les Models

À la demande de la communauté, le squelette d’un projet Laravel comprend désormais un répertoire pour les modèles, toutes les commandes pertinentes ont été mises à jour pour supposer que les modèles existent dans le répertoire, s’il existe. Si le répertoire des modèles n’existe pas, Laravel supposera que les modèles sont placés directement dans le répertoire de l’application app.

Nouveau repertoire Models

3. Les classes Model Factories

Les Model factories ont été complètement réécrite comme des classes au lieu des fonctions, les model factories ont été améliorés pour soutenir les relations de premier-ordre (first-class relationship), par exemple UserFactory inclus dans Laravel est écrit comme suit :

Grâce à la nouvelle fonctionnalité HasFactory disponible dans les modèles générés, les model factories peuvent être utilisées de la manière suivante:

User::factory()->count(20)->create();

4. Migration écrasée

Laravel 8 introduit une autre fonctionnalité intéressante: l’écrasement des migrations! Vous n’avez plus à manipuler beaucoup de fichiers de migration lorsque vous ouvrez votre dossier de migrations! Grâce à l’écrasement de la migration, vous pouvez désormais condenser vos fichiers de migration en un seul fichier SQL avec les commandes suivantes:

# condensation de migration
php artisan schema:dump

# Vider le schéma de base de données actuel et élaguer toutes 
# les migrations existantes
php artisan schema:dump --prune

Après avoir exécuté la première commande ci-dessus, Laravel 8 crée un fichier de schéma dans le répertoire de database/schema et lorsque vous essayez de migrer votre base de données et qu’aucune autre migration n’a été exécutée, Laravel exécutera d’abord le SQL du fichier de schéma, ensuite il exécutera les migrations restantes qui ne faisaient pas partie de la condensation…

5. Limitation de débit (Improved Rate Limiting)

Laravel 8 apporte des améliorations à la fonctionnalité de limitation de débit (rate limiting) existante tout en prenant en charge la rétrocompatibilité avec le middleware Throttle et en offrant beaucoup plus de flexibilité.

Vous pouvez définir vos limiteurs de débit dans le fichier app/Providers/RouteServiceProvider.php comme suit:

Vous pouvez ensuite appliquer cette configuration prédéfini aux routes Laravel avec le Throttling Middleware

6. Les mises à jour de Routing Namespace

Dans les version précédentes de Laravel, la propriété $namespace de la classe RouteServiceProvider contenait la valeur App\Http\Controllers. Cette propriété s’ajoutait automatiquement en tant que préfixe namespace dans les définitions des contrôleurs dans les routes.

Laravel 7:

Route::get('/users', 'UserController@index');

Dans ce cas Laravel 7 considérera que la classe UserController appartient au namespace défini par la propriété $namespace de RouteServiceProvider qui est par défaut: App\Http\Controllers.

Dans Laravel 8, cette propriété a la valeur par défaut de null, cela signifie que Laravel n’effectuera aucun préfixage automatique du namespace des contrôleurs. Par conséquent, dans les nouvelles applications Laravel 8, les définitions de namespace du contrôleur doivent être définies à l’aide de la syntaxe callable de PHP pour spécifier le namespace complet:

Laravel 8:

use App\Http\Controllers\UserController;

Route::get('/users', [UserController::class, 'index']);

7. Des Helpers pour le Time Testing

Lors des tests dans Laravel, vous deviez parfois modifier l’heure obtenue avec la méthode now() ou effectuer des tests dans le futur ou dans le passé. Laravel 8 inclut désormais des Helpers qui permettent à votre application de voyager dans le temps et de manipuler l’heure actuelle.

8. Les améliorations du Mode Maintenance

Dans les versions précédentes de Laravel, vous deviez spécifier les adresses IP qui sont autorisées à accéder à l’application quand elle est en mode maintenance avec la commande:

php artisan down --allow=192.168.1.1

Laravel 8 apporte quelques améliorations à cette fonctionnalité, vous n’avez plus besoin d’autoriser seulement certaines adresses IP. Au lieu de ça, vous pouvez utiliser l’option secret de la commande php artisan down pour créer un access token pour l’application au mode maintenance:

php artisan down --secret='Y7oXZapnys25F9qCdr18h3uKjsT8U9Ow'

9. Distribution des Jobs par lots (Job batching)

Laravel 8 est également livrée avec une fonctionnalité qui permet de distribuer un groupe de jobs à exécuter en parallèle.

Pour utiliser la nouvelle fonctionnalité, définissez d’abord un job comme vous le faisiez avant. L’exemple ci-dessous a été simplifié pour montrer l’utilisation du nouveau trait Batchable :

Maintenant vous pouvez distribuer votre job en utilisant la méthode batch de la facade Bus. Et pour surveiller la progression des jobs, vous pouvez utiliser les méthodes then, catch et finally pour définir des callbacks de completion des jobs.

Conclusion:

Dans cet article, nous avons cité les principales nouvelles fonctionnalités de Laravel 8, pour en savoir plus vous pouvez consulter le Release Notes sur la documentation officielle de Laravel , et je vous donne rendez-vous en Septembre pour vous parler de laravel 9.

Comment bien choisir sa CI/CD Mobile en 2019

Raphaël Bonaventure — Tue, 13 Apr 2021 17:12:22 +0000

Intro : Quand on pense DevOps on pense souvent Cloud, Infra, Web, Backend, mais le monde du mobile a ses propres contraintes et ses propres outils. Nous allons voir quels sont les critères qui vont nous permettre de choisir la plateforme idéale.

Plusieurs questions viennent en tête au moment de choisir la meilleur plateforme, dont :

Est-ce que la solution répond à l’ensemble des mes besoins, combien ça va me coûter, quelles ressources seront nécessaires pour faire tourner le bouzin, combien de temps ça va faire gagner à mes équipes (ROI pour les businessmen), qui contacter en cas de pépin, comment assurer la pérennité de mon investissement et j’en passe.

On vous propose de répondre à ces questions via un Benchmark maison !

Quelques bases

Pour commencer (parce qu’il faut bien commencer quelques part), qu’est-ce qu’on entend par CI/CD et par Mobile ?

1 ) D’après Wikipédia, l’intégration continue est un ensemble de pratiques utilisées en génie logiciel consistant à vérifier à chaque modification de code source que le résultat des modifications ne produit pas de régression dans l’application développée.

En résumé dans notre contexte, ca veut dire qu’on veut builder nos applications, vérifier que la qualité du code est bonne, que nos fonctionnalités sont utilisables via des tests automatisés et que l’on est capable de publier tout ça à nos utilisateurs automatiquement.

À date, les principales plateformes disponibles sont :

👇 Présentation des plateformes pour ceux qui ne les connaissent pas 👇
Top Mobile Continuous Integration (CI/CD) Tools | Instabug Blog
Discover the top continuous integration tools that help you speed up your development to deployment cycle and reduce… instabug.com

Dans leurs modes de fonctionnement on peut regrouper ces plateformes selon 3 catégories :

Packagés : Bitrise, App Center, Codeship
Modulaires : Travis CI, Circle CI
On-Premise : Jenkins, Gitlab CI, TeamCity

2) Mobile, toujours d’après Wikipédia, qualifie tout objet apte à se déplacer.

Bon ça va pas nous aider… On va vous donner notre version ; par technologies mobiles on entend les principaux moyens de créer une application mobile à faire tourner sur vos précieux smartphones (du coup je parle pas de Windows Phone 😉).

De nos jours, actuellement, en 2019, au jour d’aujourd’hui, ça veut dire : Android Natif, iOS Natif, Cordova (et bien souvent Ionic), React Native, Flutter, Xamarin à la limite, et point barre, le reste c’est ≤💩.

Notez que l’on a aussi besoin des outils qui les accompagnent, dont : XCode, le SDK Android, les différents frameworks que vous utilisez, plus les utilitaires dont vous pourriez avoir besoin (Git, Java, Gradle, Ruby, CocoaPods, etc…).

Quelques chiffres sur le monde du mobile pour ceux que ca intéresse :
Ionic Framework - 2018 Developer Survey
Ionic is the app platform for web developers. Build amazing mobile, web, and desktop apps all with one shared code base… ionicframework.com

👉 Maintenant qu’on a dit ça, voyons comment affiner notre choix en fonction de nos besoins.

Le “Qui est-ce” des plateformes d’intégration continue

Est-ce qu’il est roux ? Non ? Ok je retire Gitlab CI.

Plus sérieusement, la première question à se poser est : quelles sont les technologies que la plateforme doit supporter ?

Rien de mieux qu’un bon vieux tableau comparatif pour représenter ça 🎯

⏩ Nous avons testé pour vous l’ensemble des plateformes, mais dans un soucis de temps de lecture nous allons passer directement aux conclusions ⏩

Tableau de compatibilité Technologie / Plateforme

⛔ Suite à notre analyse et comme le montre bien le tableau ci-dessus, il ressort d’emblée que TeamCity et Codeship ne sont pas du tout adaptés au monde du Mobile.

Ensuite, en considérant nos 4 critères de départ, plus le titre de cet article, on peut également dire que les plateformes On-Premise ne nous semblent pas adaptées. Non pas qu’elles ne soient pas performantes bien au contraire, nous en avons mises en place chez de nombreux clients et continuons à les utiliser, mais à moins que vous n’ayez un plateau de 20 développeurs, des budgets importants et des équipes dédiées à leur mise en place/administration/maintenance je ne pense pas que ces solutions soient faites pour vous (si c’est votre cas contactez-nous, on peut vous aider!).

Les plus 👍 du On-Premise :

Comme leurs noms l’indique elles sont “On-Premise” ce qui par définition veut dire que vous pouvez les faire tourner directement chez vous. On retrouve souvent ce genre de besoin lorsqu’on a des problématiques de sécurité et de confidentialité des données (banque, assurance, etc…).
Les 3 plateformes offrent une architecture master/slave qui permet de scaler votre infra et de monter en charge facilement
Et enfin ces outils sont plus des Orchestrateurs que des plateformes de CI/CD donc pas directement liés à des langages ou à des outils. Ils disposent d’une grande communauté et proposent des adapteurs/plugins pour la plus part des outils dont vous pourriez avoir besoin, vous ne devriez donc pas être bridés dans leur utilisation

Les moins 👎 :

La gestion de l’infrastructure est à votre charge, même si c’est un aspect positif pour certains cela représente un coût important autant en matériel qu’en ressources humaines.

Le fait de devoir gérer des applications iOS par exemple nécessite du matériel qui coûte cher. D’expérience un Mac Mini est rarement suffisant donc il vous faudra regarder du côté des Mac Pro : ticket d’entrée 3 300€ minimum
En terme de Run ça vous fait un outil de plus à faire tourner et à administrer, ce qui entraine également des problèmes de gouvernance
Spécificité de Gitlab CI, vous restez dans l’univers Gitlab, impossible de connecter une autre source de code (comme Github ou BitBucket par exemple)

Pour finir notre “Qui est-ce?”, Travis CI et Circle CI étant très similaires dans leur approche nous n’allons conserver que Travis CI pour la catégorie des outils Modulaires.

Bitrise, App Center et Travis CI sont donc les finalistes pour notre Benchmark !

Benchmark : Le Podium final

On a fait 80% du boulot en répondant aux questions précédentes maintenant, comme le veut la loi de Pareto, les ennuis commencent ! Pour simplifier je vous ai mis à disposition un repo Android pour faire un cas concret d’utilisation.

RBonaventure / pot-pourri-android

Expérimentations autour des bétas de Firebase.

Firebase Sample Project

Auteur : Raphaël Bonaventure

Quelques exemples d'intégration d'outils Firebase pour Android.

⚠️ Si vous voulez compiler cet exemple il vous faudra un projet Firebase et son fichier de configuration, comme décrit sur le Github officiel Les exemples de page HelloWorld sont dans le dossier "web/public".

Posts Medium faisant référence à ce repo

License

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS…

View on GitHub

Pour départager nos finalistes on a isolé 5 critères :

⚡ Plug & Play (Facilité de mise en place / d’utilisation / de maintenance)

🚀 Performances (scalabilité / vitesse d’execution / temps de build)

🔗 Interconnection avec vos outils préférés (Github/Gitlab/BitBucket, Slack, SonarQube, App Stores, etc…)

💬 Communauté (support / documentation / open-source)

💰 Prix (of course)

Exemple : https://app.bitrise.io/build/71dd94d903a7ee97#?tab=log

Plug & Play : L’interface web a quelques loupés mais ils proposent : détection automatique de la techno, stack customizable, interface de création de workflow en mode WYSIWYG, c’est top !

Performances : Temps de up des VM assez long, plus y’a de steps dans vos workflows plus c’est lent. C’est pas son point fort !

Interconnection : 180+ intégrations open-source ! Possibilité d’écrire soit même ses scripts, les possibilités sont infinis !

Communauté : La communauté est grandissante et le support via le Chat est génial. Ils vont jusqu’à debugguer ton App ;-)

Prix : Premier prix : Free limité à 10mins de build, ensuite c’est fonction de la puissance des machines et du nombre de builds concurrents que vous voulez. Plus vous avez d’apps plus c’est salé ! Avec 100€/mois on commence vraiment à jouer
Bitrise - Pricing
Android, iOS & cross-platform mobile continuous integration / delivery, with 200+ integrations. Sign up and start… www.bitrise.io

Exemple : Impossible de faire des pages publiques… DM pour que je vous ajoute sur ma Team ;-)

Plug & Play : l’intégration est assez simple par contre on ne peut quasiment rien customizer. Il faut que vos App soient standards de chez standards.

Performances : 3mins pour le build Android, c’est le grand gagnant, par contre on ne sait pas sur quelles machines tournent les builds. Impossible de choisir la stack d’execution à date (cf Roadmap).

Interconnection : Microsoft Teams, Slack, et c’est tout 🙀

Communauté : le produit est assez peu utilisé et il n’existe pas de support à part des Github issues

Prix : Gratuit dans la limite de 240mins de build/mois puis 40$/concurrence
Visual Studio App Center Pricing | Visual Studio
We've made App Center available for all Our generous free tier enables you to ship 5-star, higher-quality iOS, Android… visualstudio.microsoft.com

Exemple : https://travis-ci.org/RBonaventure/pot-pourri-android/builds/560017254

Plug & Play : Des stacks dédiées au mobile existent et la plupart des paramètres spécifiques sont customizables. Très flexible mais pas vraiment simple à mettre en place dès qu’on veut faire des choses un peu avancées (publication sur les stores par exemple). YAML de mon POC ici.

Performances : 4mins de build. Plutôt bien. Possibilité de fournir ses propres images Docker pour les Builds. Possibilité de jouer des jobs en parallèle. Même si les VM peuvent être un peu longue à boot.

Interconnection : Une liste d’add-ons est proposée mais à part SonarCloud je n’ai pas trouvé grand chose d’intéressant…

Communauté : Il existe un forum dans lequel vous pouvez créer des tickets de demande d’aide mais ça ne va pas plus loin !

Prix : Gratuit pour les projets Open-Source ! Sinon toujours le même principe de builds concurrents. Premier pix 69$/mois.
Travis CI - Pricing
Edit description travis-ci.com

Conclusion

Comment bien choisir sa CI/CD Mobile en 2019 ?

La première réponse : Ce n’est pas à moi de vous dire quelle solution choisir.

La réponse de Normand : Ça dépend de vos besoins et de vos moyens.

La réponse terre à terre : pour un contrôle total de votre outil préférez Jenkins (ou Gitlab CI si votre entreprise utilise déjà Gitlab). Si vous voulez mutualiser votre CI avec du Web ou du Back un outil comme TravisCI ou CircleCI répondra surement à la plupart de vos besoins. Et enfin si vous voulez juste appuyer sur des boutons et utiliser des connecteurs tout faits mieux vaut partir sur Bitrise, ou App Center si vous êtes déjà chez Microsoft !

La réponse D : personnellement je ne peux plus me passer de la fléxibilité de Bitrise ! De plus ils connaissent une forte croissance et un taux d’adoption énorme sur les plus gros plateaux de Dév mobile et viennent de lever 20M.

Besoin d’un accompagnement sur mesure, faites appel à nous !
BEWIZYU
Développement, expertise sur plateformes à usage mobile www.bewizyu.com

In App Purchase with Ionic / Cordova

Hamza Hsain — Mon, 22 Jul 2019 15:43:16 +0000

Article initialement posté sur Medium.

Introduction

In App Purchase (or integrated purchase) gives the opportunity to sell additional content within a native mobile application (smartphone and tablet). If your product matches the in-app purchase categories bellow, then you can, and even must, use In app-purchase.

A typical example of IAP

What can I sell using IAP ?

In principle, you can sell whatever you want as long as it belongs to the following categories :

Consumable

Users can purchase different types of consumables, such as lives or gems in a game, to further their progress through an app. Consumable in-app purchases are used once, are depleted, and can be purchased again.

Non-Consumable

Users can purchase non-consumable, premium features within an app. Non-consumables are purchased once and do not expire, such as additional filters in a photo app.

Auto-Renewable Subscriptions

Users can purchase access to services or periodically updated content, such as monthly access to cloud storage or a weekly subscription to a magazine.

Non-Renewing Subscriptions

Users can purchase access to services or content for a limited duration, such as a season pass to streaming content. This type of subscription does not renew automatically, so users need to renew each time.

You can find more informations here => the apple documentation

Our Bewiz Spin App

We want to create a mobile app in which the user can buy credits that we will call Bewiz. With these Bewizs he can spin a wheel, to try to win gifts 🎁 (1 Bewiz => 1 spin)

Photo by Navneet Shanu from Pexels

For our case, we will need to use consumable products because it's used to buy credits that are used once to spin the wheel.

Lets imagine that we have this set of suggested products :

10 Bewiz for 10€, 50 Bewiz for 40€ and 100 Bewiz for 75€

Let's see how can we put all this in place … 😀

What I need to set up IAP

Ionic / Cordova mobile application

As we will develop an ionic mobile app, you can follow these steps to initiate your project :
Free Mobile App Development: Getting Started with Ionic Apps
Create an Ionic App using one of our ready-made app templates, or a blank one to start fresh. Check out the Market for… ionicframework.com

Server side application

For security reasons, the purchase validation should be done in the server side.

After each purchase the store returns a receipt data that should be validated in the server side (a base64 string for IOS, and a Json format for Android).

For our Bewiz Spin we will use a PHP server side receipt validation using this open source library :

aporat / store-receipt-validator

PHP receipt validator for Apple iTunes, Google Play and Amazon App Store

store-receipt-validator

PHP receipt validator for Apple iTunes, Google Play and Amazon App Store

Requirements

PHP >= 7.3

Installation

composer require aporat/store-receipt-validator

Quick Example

iTunes

use ReceiptValidator\iTunes\Validator as iTunesValidator
$validator = new iTunesValidator(iTunesValidator::ENDPOINT_PRODUCTION); // Or iTunesValidator::ENDPOINT_SANDBOX if sandbox testing

$receiptBase64Data = 'ewoJInNpZ25hdHVyZSIgPSAiQXBNVUJDODZBbHpOaWtWNVl0clpBTWlKUWJLOEVkZVhrNjNrV0JBWHpsQzhkWEd1anE0N1puSVlLb0ZFMW9OL0ZTOGNYbEZmcDlZWHQ5aU1CZEwyNTBsUlJtaU5HYnloaXRyeVlWQVFvcmkzMlc5YVIwVDhML2FZVkJkZlcrT3kvUXlQWkVtb05LeGhudDJXTlNVRG9VaFo4Wis0cFA3MHBlNWtVUWxiZElWaEFBQURWekNDQTFNd2dnSTdvQU1DQVFJQ0NHVVVrVTNaV0FTMU1BMEdDU3FHU0liM0RRRUJCUVVBTUg4eEN6QUpCZ05WQkFZVEFsVlRNUk13RVFZRFZRUUtEQXBCY0hCc1pTQkpibU11TVNZd0pBWURWUVFMREIxQmNIQnNaU0JEWlhKMGFXWnBZMkYwYVc5dUlFRjFkR2h2Y21sMGVURXpNREVHQTFVRUF3d3FRWEJ3YkdVZ2FWUjFibVZ6SUZOMGIzSmxJRU5sY25ScFptbGpZWFJwYjI0Z1FYVjBhRzl5YVhSNU1CNFhEVEE1TURZeE5USXlNRFUxTmxvWERURTBNRFl4TkRJeU1EVTFObG93WkRFak1DRUdBMVVFQXd3YVVIVnlZMmhoYzJWU1pXTmxhWEIwUTJWeWRHbG1hV05oZEdVeEd6QVpCZ05WQkFzTUVrRndjR3hsSUdsVWRXNWxjeUJUZEc5eVpURVRNQkVHQTFVRUNnd0tRWEJ3YkdVZ1NXNWpMakVMTUFrR0ExVUVCaE1DVlZNd2daOHdEUVlKS29aSWh2Y05BUUVCQlFBRGdZMEFNSUdKQW9HQkFNclJqRjJjdDRJclNkaVRDaGFJMGc4cHd2L2NtSHM4cC9Sd1YvcnQvOTFYS1ZoTmw0WElCaW1LalFRTmZnSHNEczZ5anUrK0RyS0pFN3VLc3BoTWRkS1lmRkU1ckdYc0FkQkVqQndSSXhleFRldngzSExFRkdBdDFtb0t4NTA5ZGh4dGlJZERnSnYyWWFWczQ5QjB1SnZOZHk2U01xTk5MSHNETHpEUzlvWkhBZ01CQUFHamNqQndNQXdHQTFVZEV3RUIvd1FDTUFBd0h3WURWUjBqQkJnd0ZvQVVOaDNvNHAyQzBnRVl0VEpyRHRkREM1RllRem93RGdZRFZSMFBBUUgvQkFRREFnZUFNQjBHQTFVZERnUVdCQlNwZzRQeUdVakZQaEpYQ0JUTXphTittVjhrOVRBUUJnb3Foa2lHOTJOa0JnVUJCQUlGQURBTkJna3Foa2lHOXcwQkFRVUZBQU9DQVFFQUVhU2JQanRtTjRDL0lCM1FFcEszMlJ4YWNDRFhkVlhBZVZSZVM1RmFaeGMrdDg4cFFQOTNCaUF4dmRXLzNlVFNNR1k1RmJlQVlMM2V0cVA1Z204d3JGb2pYMGlreVZSU3RRKy9BUTBLRWp0cUIwN2tMczlRVWU4Y3pSOFVHZmRNMUV1bVYvVWd2RGQ0TndOWXhMUU1nNFdUUWZna1FRVnk4R1had1ZIZ2JFL1VDNlk3MDUzcEdYQms1MU5QTTN3b3hoZDNnU1JMdlhqK2xvSHNTdGNURXFlOXBCRHBtRzUrc2s0dHcrR0szR01lRU41LytlMVFUOW5wL0tsMW5qK2FCdzdDMHhzeTBiRm5hQWQxY1NTNnhkb3J5L0NVdk02Z3RLc21uT09kcVRlc2JwMGJzOHNuNldxczBDOWRnY3hSSHVPTVoydG04bnBMVW03YXJnT1N6UT09IjsKCSJwdXJjaGFzZS1pbmZvIiA9ICJld29KSW05eWFXZHBibUZzTFhCMWNtTm9ZWE5sTFdSaGRHVXRjSE4wSWlBOUlDSXlNREV5TFRBMExUTXdJREE0T2pBMU9qVTFJRUZ0WlhKcFkyRXZURzl6WDBGdVoyVnNaWE1pT3dvSkltOXlhV2RwYm1Gc0xYUnlZVzV6WVdOMGFXOXVMV2xrSWlBOUlDSXhNREF3TURBd01EUTJNVGM0T0RFM0lqc0tDU0ppZG5KeklpQTlJQ0l5TURFeU1EUXlOeUk3Q2draWRISmhibk5oWTNScGIyNHRhV1FpSUQwZ0lqRXdNREF3TURBd05EWXhOemc0TVRjaU93b0pJbkYxWVc1MGFYUjVJaUE5SUNJeElqc0tDU0p2Y21sbmFXNWhiQzF3ZFhKamFHRnpaUzFrWVhSbExXMXpJaUE5SUNJeE16TTFOems0TXpVMU9EWTRJanNLQ1NKd2NtOWtkV04wTFdsa0lpQTlJQ0pqYjIwdWJXbHVaRzF2WW1Gd2NDNWtiM2R1Ykc5aFpDSTdDZ2tpYVhSbGJTMXBaQ0lnUFNBaU5USXhNVEk1T0RFeUlqc0tDU0ppYVdRaUlEMGdJbU52YlM1dGFXNWtiVzlpWVhCd0xrMXBibVJOYjJJaU93b0pJbkIxY21Ob1lYTmxMV1JoZEdVdGJYTWlJRDBnSWpFek16VTNPVGd6TlRVNE5qZ2lPd29KSW5CMWNtTm9ZWE5sTFdSaGRHVWlJRDBnSWpJd01USXRNRFF0TXpBZ01UVTZNRFU2TlRVZ1JYUmpMMGROVkNJN0Nna2ljSFZ5WTJoaGMyVXRaR0YwWlMxd2MzUWlJRDBnSWpJd01USXRNRFF0TXpBZ01EZzZNRFU2TlRVZ1FXMWxjbWxqWVM5TWIzTmZRVzVuWld4bGN5STdDZ2tpYjNKcFoybHVZV3d0Y0hWeVkyaGhjMlV0WkdGMFpTSWdQU0FpTWpBeE1pMHdOQzB6TUNBeE5Ub3dOVG8xTlNCRmRHTXZSMDFVSWpzS2ZRPT0iOwoJImVudmlyb25tZW50IiA9ICJTYW5kYm94IjsKCSJwb2QiID0gIjEwMCI7Cgkic2lnbmluZy1zdGF0dXMiID0gIjAiOwp9';

try {
  $response = $validator->setReceiptData($receiptBase64Data)->validate();
  // $sharedSecret = '1234...'; // Generated in iTunes Connect's In-App Purchase menu
  // $response = $validator->setSharedSecret($sharedSecret)->setReceiptData($receiptBase64Data)->validate(); // use setSharedSecret() if for recurring subscriptions
} catch (Exception $e) {
  echo 'got error = ' . $e->getMessage() . PHP_EOL;
}

if ($response->isValid()) {
  echo 'Receipt is valid.' . PHP_EOL;
  echo 'Receipt data = ' . print_r($response->getReceipt()) . PHP_EOL;
  
  foreach ($response

…

View on GitHub

In app purchase Cordova plugin

For now, there is one main open source cordova plugin available on Github and supported by the ionic community.

j3k0 / cordova-plugin-purchase

In-App Purchase for Cordova on iOS, Android and Windows

Cordova Purchase Plugin

In-App Purchases for Cordova

Need professional help and support? Contact Me.

Summary

This plugin allows In-App Purchases to be made from Cordova, Ionic and Capacitor applications.

It lets you handle in-app purchases on many platforms with a single codebase.

This is a plugin for the Apache Cordova framework that provides an easy and flexible way to integrate in-app purchases into Cordova-based mobile applications, including popular frameworks such as Ionic and PhoneGap. With this plugin, you can easily add support for in-app purchases of digital content, such as subscriptions, consumables, and non-consumables, using the store-specific purchase APIs provided by the major mobile platforms. The plugin also supports requesting payments through popular payment providers such as Braintree, allowing you to easily accept payments from your users.

The Cordova-Plugin-Purchase plugin is designed to be easy to use and integrate into your Cordova app, and it provides a…

View on GitHub

There is also a wrapper for ionic applications :
In App Purchase 2 - Ionic Documentation
Ionic is the app platform for web developers. Build amazing mobile, web, and desktop apps all with one shared code base… ionicframework.com

Add all these dependencies to your package.json :

BILLING_KEY in the plugin's configuration matches your license key for in-app billing should be added manually to your project. This key is found in Services and API in the Google Play Developer Console.
For more informations : here

Google and Apple accounts

To be able to configure your IAP items you need to create an iTunes developer account for IOS app and play store account for Android
Apple Developer
There's never been a better time to develop for Apple Platforms. developer.apple.com

Google Play Console
Publish your apps and games with the Google Play Console and grow your business on Google Play. Benefit from features… developer.android.com

Register your products

For reminder, you have 3 products (10, 50 and 100 credits), so you have to create 3 product IDs: credits_10, credits_50, credits_100

You can find below how to create your in app products on IOS and Android
Create In App Products in your Google Play Account
In order to be able to offer a fee-based edition through in-app purchases in your Kiosk-App for Android devices, an… support.pressmatrix.com

In-App Purchase Tutorial: Getting Started
Learn how to grow app revenue in this in-app purchase tutorial by allowing users to purchase or unlock content or… www.raywenderlich.com

All the In App Products should be registered in the app bootstrap, this synchronize the local products data with the remote one.

IAP Product lifecycle

There is many events triggered with the purchase workflow, that allow us to handle and manage errors, success, updates …

Approved means that the product is purchased and the purchase is validated locally, ideally it's the best place to call product.verify() to start server side receipt validation.

Cancelled when the purchase is cancelled, it's time to show an error message.

Error when an error occurs during purchase workflow

Updated it's a push based event, when the product informations are updated (price, label, … )

Server side verification

When product.verify() is called, an inAppPurchase.validator event is triggered and it's the best place where you can execute your server side receipt verification.

For our example the creditsProvider.purchase() is responsible for receipt verification and return a status according to the validation results ("success" or "failure")

Having a success status means that the receipt is valid and now we can finish the transaction by calling product.finish()

Execute IAP Order

To trigger the purchase workflow above you should call the inAppPurchase.order()

Turn off listeners

After leaving the view, you should turn off all the event listeners by calling inAppPurchase.off()

Sandbox and test users

For testing purposes you should define sandbox iCloud users for IOS and add test users for Android.

Here bellow you can find some links that will help

Android
Test Google Play Billing | Android Developers
After you finish your static response testing, and you verify that signature verification is working in your… developer.android.com

IOS
How to create a Sandbox Tester Account on iTunes Connect
Creating a Sandbox Tester account in easy thanks to iTunes Connect. A Sandbox account allows you, the developer, to… medium.com

Finally a demo App…

Now that you have all what you need to begin your IAP setup, you may probably wish to have a complete demo app with all the steps above… you can find bellow a complete demo app :

devHamza / iap-demo-ionic-app

Demo application for in app purchase with ionic / cordova

This is a demo app for the article : "In App Purchase with Ionic/Cordova" find more at https://medium.com/bewizyu

View on GitHub

BEWIZYU Technology Développement, expertise sur plateformes à usage mobile www.bewizyu.com