Abto Software abto-software

## Deploying the Profile.cdc
flow project deploy --update

## Updating content.js
import * as fcl from "@onflow/fcl";
import * as t from "@onflow/types"

import './App.css';
import { useEffect, useState } from "react";

fcl
    .config()
    // Point App at Emulator REST API
    .put("accessNode.api", "http://localhost:8888")

## Creating the blockchain transaction.js
const updateProfile = async () => {
        const txId = await fcl.send(
            [
                fcl.transaction`
                import Profile from 0xProfile

                transaction(newFirstName: String, newLastName: String, newEmail: String) {

                  prepare(signer: AuthAccount) {


## Extracting data from the blockchain network.js
const getProfile = async () => {
        const [firstName, lastName, email] = await fcl.send([
            fcl.script`
            import Profile from 0xf8d6e0586b0a20c7

            pub fun main(): [String] {
              return [Profile.firstName, Profile.lastName, Profile.email]
            }
            `
        ]).then(fcl.decode)

## fcl-dev-wallet.js
flow emulator
npm run dev

## fcl-dev-wallet flow.json
{
  …
  "contracts": {
    "Profile": {
      "source": "./cadence/contracts/Profile.cdc"
      "aliases": {
        "emulator": "0xee82856bf20e2aa6"
     }
    },
    …

## Installing the OnFlow packages.js
npm i @onflow/fcl @onflow/types

## my-first-dapp.js
npx create-react-app my-first-dapp

## log-in and log-out.js
import * as fcl from "@onflow/fcl";

import './App.css';
import { useEffect, useState } from "react";

fcl
    .config()
    // Point App at Emulator REST API
    .put("accessNode.api", "http://localhost:8888")
    // Point FCL at dev-wallet (default port)
	import * as fcl from "@onflow/fcl";
	import * as t from "@onflow/types"

	import './App.css';
	import { useEffect, useState } from "react";

	fcl
	.config()
	// Point App at Emulator REST API
	.put("accessNode.api", "http://localhost:8888")
	const updateProfile = async () => {
	const txId = await fcl.send(
	[
	fcl.transaction`
	import Profile from 0xProfile

	transaction(newFirstName: String, newLastName: String, newEmail: String) {

	prepare(signer: AuthAccount) {
	const getProfile = async () => {
	const [firstName, lastName, email] = await fcl.send([
	fcl.script`
	import Profile from 0xf8d6e0586b0a20c7

	pub fun main(): [String] {
	return [Profile.firstName, Profile.lastName, Profile.email]
	}
	`
	]).then(fcl.decode)
	{
	…
	"contracts": {
	"Profile": {
	"source": "./cadence/contracts/Profile.cdc"
	"aliases": {
	"emulator": "0xee82856bf20e2aa6"
	}
	},
	…