zaferayan

Tutorial #1: How to create a mini app in Electrode Native and embed it within an outer Android native app

This is the first in a series of posts around Electrode Native.

Was not able to directly find a "hello world" type of guide that demonstrates all the capabilities of Electrode Native - like mini-app packaging and OTA (Over-The-Air updates) in the documentation here - https://www.electrode.io/site/docs/getting_started.html

Hence, decided to write one as part of my journey. These posts are more focused on getting the code running than on explanation of the underlying concepts. For details on the concepts, please refer to the Electrode Native documentation directly.

Note: Electrode Native version at the time of writing this tutorial - v0.45.5

zaferayan

Tutorial #2: How to add the second mini app to an outer android app

This post is the 2nd one in a series of posts on Electrode Native.

It assumes that one has already completed the steps in Tutorial #1 here - https://gist.github.com/hemanth-manoharan/edb363d575d5c9ab22cbc93b595b8fba

• First, create a second mini-app and publish it to npm as we did in the previous tutorial.

Assuming that the 2nd app is named app2-miniapp

zaferayan

Tutorial #3: How to perform OTA (Over-The-Air) updates using CodePush

This post is the 3rd one in a series of posts on Electrode Native.

It assumes that one has already completed the steps in Tutorial #2 here - https://gist.github.com/hemanth-manoharan/8c0f5bda0469335ce9410ea61dbc4e54

Ref: https://native.electrode.io/cli-commands/code-push#prerequisites

• In this tutorial, we are going to release code updates over the air to existing mini-apps, to released native application versions.

zaferayan

xcodebuild archive \
 -workspace FruitBasket2.xcworkspace \
 -scheme FruitBasket3 \
 -archivePath ~/Desktop/FruitBasket3-iphonesimulator.xcarchive \
 -sdk iphonesimulator \
 SKIP_INSTALL=NO

 xcodebuild archive \
 -workspace FruitBasket2.xcworkspace \
 -scheme FruitBasket3 \

zaferayan

zaferayan

#pragma once

#include <jsi/jsi.h>
#include <jni.h>
#include <fbjni/fbjni.h>

using namespace facebook;

class ExampleHostObject : public jsi::HostObject {
  public:

zaferayan

#import "FrameHostObject.h"
#import <Foundation/Foundation.h>
#import <jsi/jsi.h>

// Tüm key'leri dönen metot
std::vector<jsi::PropNameID> FrameHostObject::getPropertyNames(jsi::Runtime& rt) {
  std::vector<jsi::PropNameID> result;
  result.push_back(jsi::PropNameID::forUtf8(rt, std::string("toString")));
  result.push_back(jsi::PropNameID::forUtf8(rt, std::string("isValid")));
  result.push_back(jsi::PropNameID::forUtf8(rt, std::string("width")));

zaferayan

#pragma once

#import <jsi/jsi.h>
#import <CoreMedia/CMSampleBuffer.h>
#import "Frame.h"

using namespace facebook;

class JSI_EXPORT FrameHostObject: public jsi::HostObject {
public:

zaferayan

void install(jsi::Runtime& jsiRuntime) {
    // MMKV.set(key: string, value: string | number | bool)
    auto mmkvSet = jsi::Function::createFromHostFunction(jsiRuntime,
        jsi::PropNameID::forAsci(jsiRuntime, "mmkvSet"),
        2,  // key, value
        [](
            jsi::Runtime& runtime,
            const jsi::Value& thisValue,
            const jsi::Value* arguments,
            size_t count) -> jsi::Value 

zaferayan

apply plugin: 'maven-publish'

def libVersion = '1.0.0'
def libGroupId = 'com.zaferayan.integration'

def repoUrl = 'https://maven.pkg.github.com/ozcanzaferayan/react-native-as-an-android-lib'
def repoName = "GitHubPackages"
def repoUsername = 'ozcanzaferayan'
def repoPassword = 'GITHUB_ACCESS_TOKEN' // Buraya Github üzerinden aldığınız değeri yapıştırın