laravel 10 vue 3 vite kurulumu – 2

ikinci adım;

Route::get(‘/’,[\App\Http\Controllers\IndexController::class,’index’]);
Route::get(‘/hello’,[\App\Http\Controllers\IndexController::class,’show’]);

normal route ekle. ilgili controller tabi. index fonksiyonu

1
return inertia('Index/Index');

resources/js/Pages/Index/Index.vue oluştur.

1
2
3
4
5
6
7
8
<template>
    <div>Index</div>
    <Link href="/hello">Show Page</Link>
</template>
 
<script setup>
    import {Link} from '@inertiajs/vue3'
</script>

hepsi bu kadar.

welcome.blade.php yi app.blade.php olarak değiştir

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
 
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
 
    <title>Larazillow</title>
    @vite('resources/js/app.js')
    @inertiaHead
</head>
 
<body>
@inertia
</body>
 
</html>

https://github.com/piotr-jura-udemy/master-laravel-vue-fullstack/commit/bdacfe98ac2fe52689634ef34efcbdaa9fdda0fe

bunu da uygula

laravel 10 vue 3 vite kurulumu

ilk laravel kur.

npm install –save-dev vue @vitejs/plugin-vue

vite.config.js

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
import { defineConfig } from 'vite';
import laravel from 'laravel-vite-plugin';
import vue from '@vitejs/plugin-vue'
 
export default defineConfig({
    plugins: [
        laravel({
            input: ['resources/css/app.css', 'resources/js/app.js'],
            refresh: true,
        }),
        vue({
            template: {
                base: null,
                includeAbsolute: false
            }
        })
    ],
});

npm run dev yap bi gör abim çalışıp çalışmadığını.

composer require inertiajs/inertia-laravel

welcome.blade.phpye aşağıdaki kodu yaz.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
 
        <title>Laravel Zero</title>
        @vite('resources/js/app.js')
        @inertiaHead
    </head>
    <body>
        @inertia
    </body>
</html>

https://inertiajs.com/client-side-setup (burada vue3 kısmından kurabilirsiniz şimdiki halini sırayla yazıyorum)

npm install @inertiajs/vue3

bootstrap.js’i sil resources/js içindeki. çöp o. kullanmayacağız.

app.js’e aşağıdaki kodu yazabilirsin.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
import { createApp, h } from 'vue'
import { createInertiaApp } from '@inertiajs/vue3'
 
createInertiaApp({
  resolve: name => {
    const pages = import.meta.glob('./Pages/**/*.vue', { eager: true })
    return pages[`./Pages/${name}.vue`]
  },
  setup({ el, App, props, plugin }) {
    createApp({ render: () => h(App, props) })
      .use(plugin)
      .mount(el)
  },
})

web.php içindeki route’u sil.

böylelikle bomboş 404 hatası aldığımız sayfa kalacak sadece geriye.

vue 2

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
<html>
<head>
    <title>Udemy Vue JS</title>
 
</head>
<body>
<div id="app">
    <div id="form">
        <div class="list">
            <label>Ad Soyad</label>
            <input type="text" v-model="name">
        </div>
        <div class="list">
            <label>Telefon</label>
            <input type="text" v-model="phone">
        </div>
        <div class="list">
            <button @click="newContact">Yeni Ekle</button>
        </div>
    </div>
 
 
 
    <list-component   :data="contacts" ></list-component>
</div>
 
<script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
<script type="module">
 
 
 
    const { createApp } = Vue;
    const app = createApp({
        data() {
            return {
                name:'',
                phone:'',
                contacts:[]
            };
        },
        methods: {
            newContact() {
                console.log(this.name,this.phone);
                this.contacts.push({name:this.name,phone:this.phone})
                this.name = '',
                this.phone = ''
            },
 
 
        },
    });
 
    app.component('list-component', {
        props:['data'],
        template: '<div><div v-for="(item,index) in data">{{ item.name }} - {{ item.phone }} - <button @click="removeContact(index)">Kaldir</button></div></div>',
        methods: {
            removeContact(index) {
                 this.data.splice(index,1);
            }
        }
    });
 
    app.mount('#app');
 
</script>
</body>
</html>

 

vue 1

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
<html>
<head>
    <title>Udemy Vue JS</title>
 
</head>
<body>
<div id="app">
    {{ message }}
 
    <span v-bind:title="message">ali</span>
    <br>
    <span :title="messagex">ali</span>
    <br>
    <div v-if="isUploaded">Görüntü başarı ile eklendi</div>
    <br>
    <a :href="url">alicancanpolat.com</a>
    <br>
    <div v-if="isProfile">
        <img :src="url">
    </div>
    <br>
    <div v-if="isLoading">
        <div v-for="item in contacts">
            {{ item.name }}
        </div>
    </div>
 
    <p>{{ messageLast }}</p>
    <button @click="changeText">Yazıyı Değiştir</button>
 
    <label>Ad Soyad: {{ textValue }}</label>
    <input type="text" v-model="textValue" placeholder="Ad Soyad Giriniz">
    <button @click="changeName">Ad Değiştir</button>
    <br>
     <item-component v-for="item in contacts" v-bind:data="item" v-bind:key="item.id"></item-component>
</div>
 
<script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
<script type="module">
 
 
 
    const { createApp } = Vue;
    const app = createApp({
        data() {
            return {
                isUploaded:true,
                isProfile:false,
                message: 'Hello Vue 3.0!',
                messagex: 'Hello Vue 3.12310!',
                url:'https://alicancanpolat.com',
                isLoading:true,
                contacts:[
                    { name: 'ali veli'},
                    { name: 'cafer'},
                    { name: "huseyin"}
                ],
                messageLast: "Merhaba Udemy",
                textValue: "Merhaba Udemy",
                isim: "ali"
            };
        },
        methods: {
            changeText() {
                this.messageLast = "Yeni Mesaj";
            },
            changeName(){
                this.textValue = 'Cec'
            }
        },
        created(){ // başlarken
            console.log(1);
        },
        computed(){ // render işlemi tamamladıktan sonrası
            console.log(2);
        },
        mounted(){ //
            console.log(3);
        },
        watch:{
            textValue(){
                console.log(4)
            }
        }
 
    });
 
    app.component('item-component', {
        props:['data'],
        template: '<li>{{ data.name }}</li>'
    });
 
    app.mount('#app');
 
</script>
</body>
</html>

 

php poloniex withdraw & balance code (API Signature Generator)

An english support is available for this project. You can have an english support for this work. Thus, you may send an e-mail to info@alicancanpolat.com. I don’t have an excellent english but i think we’ll get along.

aynen poloniex mk cocukları bir sürü vaktimi çaldılar, sizin vaktinizi çalmasınlar diye yazıyorum.

bu kamiller 28 şubatta değişikliğe gitti ve yeni bir endpoint yarattılar. içinde sha256 var yetmiyor onu base64 yapıyor felan filan görseniz allah katına erişiyoruz.

3 tane metot göstericem.

1) balance (get)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
$key = "xx";
$secret = "xx";
 
$now = floor(microtime(true) * 1000);
 
$sign = base64_encode(hash_hmac('sha256', "GET\n/accounts/balances/\nsignTimestamp=$now", $secret,true));
 
$ch = curl_init();
 
curl_setopt($ch, CURLOPT_URL, 'https://api.poloniex.com/accounts/balances/');
curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
curl_setopt($ch, CURLOPT_CUSTOMREQUEST, 'GET');
 
 
$headers = array();
$headers[] = "Key: $key";
$headers[] = "Signtimestamp: $now";
$headers[] = "Signature: $sign";
curl_setopt($ch, CURLOPT_HTTPHEADER, $headers);
 
echo $result = curl_exec($ch);
if (curl_errno($ch)) {
    echo 'Error:' . curl_error($ch);
}
curl_close($ch);

2) withdraw history parametre (get)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
$key = "xxx";
$secret = "xx";
 
$now = floor(microtime(true) * 1000);
 
$array = array(
    'start' => '1659341710',
    'end' => '1690877710',
    'activityType' => 'withdrawals',
    'signTimestamp' => $now,
);
ksort($array);
$array_json = http_build_query($array, '', '&');
 
$sign = base64_encode(hash_hmac('sha256', "GET\n/wallets/activity\n$array_json", $secret,true));
 
$ch = curl_init();
 
curl_setopt($ch, CURLOPT_URL, "https://api.poloniex.com/wallets/activity?$array_json");
curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
curl_setopt($ch, CURLOPT_CUSTOMREQUEST, 'GET');
 
 
$headers = array();
$headers[] = "Key: $key";
$headers[] = "Signtimestamp: $now";
$headers[] = "Signature: $sign";
curl_setopt($ch, CURLOPT_HTTPHEADER, $headers);
 
echo $result = curl_exec($ch);
if (curl_errno($ch)) {
    echo 'Error:' . curl_error($ch);
}
curl_close($ch);

3) withdraw (post)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
$key = "xxxx";
$secret = "xxx";
 
$now = floor(microtime(true) * 1000);
 
$array = array(
    'currency' => 'USDTTRON',
    'amount' => '100',
    'address' => 'TQkw2bRn2UZCGbqv2gH3PWYHax2Kq8q5pX',
);
 
$json = "requestBody=".json_encode($array)."&signTimestamp=$now";
 
$sign = base64_encode(hash_hmac('sha256', "POST\n/wallets/withdraw\n$json", $secret,true));
 
$ch = curl_init();
 
curl_setopt($ch, CURLOPT_URL, "https://api.poloniex.com/wallets/withdraw");
curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
curl_setopt($ch, CURLOPT_POST, 1);
curl_setopt($ch, CURLOPT_POSTFIELDS, json_encode($array));
 
$headers = array();
$headers[] = "Content-Type: application/json";
$headers[] = "key: $key";
$headers[] = "signature: $sign";
$headers[] = "signTimestamp: $now";
 
curl_setopt($ch, CURLOPT_HTTPHEADER, $headers);
 
echo $result = curl_exec($ch);
if (curl_errno($ch)) {
    echo 'Error:' . curl_error($ch);
}
curl_close($ch);

base64 to pdf view gösterme – json jquery

merhabalar

elimizde bir çok faturanın listelendiği bir sayfa olsun. görüntüle diyince modal ile o pdf gösterilsin istiyoruz. base64 kodlarını da sayfaya doldurmak istemiyoruz. yapacağımız iş basit.

görüntüle butonuna onclick yazıp 1 değere faturanın modal idsi olacak. bu id, modal’ın bodysine yazdığın id. Unutma bunu. Onun yanında apiden base64 kodu almak için ya da neyse boşverin bunları.

ben size base64 kodunu pdfye dönüştüreyim sorunuz olursa iletirsiniz.

1
2
3
4
5
6
base = answer.base64x;
                       var base = "base64kodu";
                        $("<iframe width='100%' height='100%' />") // create an iframe
                            // add the source
                            .attr('src', 'data:application/pdf;base64,' + base)
                            .appendTo(viewid);

viewid, id değeri verdiğiniz herhangi bir div olabilir.

tablolar arası ilişkide sorguyu yazmadan otomatik gelmesini istiyorsak

1
2
3
4
5
6
7
8
9
10
11
protected $with = ['class','section'];
 
    public function class ()
    {
        return $this->belongsTo(Classes::class, 'class_id');
    }
 
    public function section()
    {
        return $this->belongsTo(Section::class, 'section_id');
    }