Wait a moment...

投げNemボタンの実装('ω')

nem8.15xem (4)
264
3
2019-10-30 23:37:13
投げNemボタンの実装('ω')

どーもボー太郎です!

 

投げネム対応SNS 『IchiGo』がオープンしました!

https://ichigo-word.fun

 

いかがでしょうか。投げNemボタン☆彡

ウィジェットがあったことも知らない方もおられてNemlogのまた新しい扉が開いたような気がします。

試験的に導入したのですが結果から言いまして。。。

 

大成功かと思います。素晴らしい!

簡単に投げ銭システムを導入できます。

しゅう神様天才です。

 

ぜひいろんなサイトで使ってほしいですね!

 

ボタンの使用については、

コードをコピペするのでXSS対策はしないとだめです。

①コード前半が同じであること。

②コードの文字数の確認

③使用しないタグのエスケープ

考えうる手だては打っておきましょう。

 

各ユーザーのコードをデータベースに保存します。

投げnemボタンのグラフィックの変え方ですが、

SQLでSELECT時に置き換えます。もともとのグラフィックURLの

'https://nemlog.nem.social/img/thrownembtn'部分を

変えたいグラフィックのあるURLに変更します。

呼び出し時にSQL関数を使って、(カラム名nage_nemにコードが入っている)

REPLACE(カラム名、変更元のテキスト、変更後のテキスト)

REPLACE(nage_nem,'https://nemlog.nem.social/img/thrownembtn','".$local."img/')
変数$local にはimgフォルダまでのディレクトリが入っています。
もともと投げnemボタンは3種類あるので、どれが貼り付けられても大丈夫なように、グラフィックは
img/1.png img/2.png img/3.png の3パターン用意しておきます。
これで自分のサイトに合わせて埋め込みができます。
 
投げnemするにはまずNemlogにログインしている必要があるようです!
 
このまま発展させてURLリクエストでクロスドメイン投げnemできるAPIとかできるとすごく便利かもです。
 
 
でわ!
 

 

 

 

 

 

 

Comment
YUTO
YUTO
2019-10-31 16:27:17ID:157001

>>ボー太郎::さん
ありがとうございます😊

ボー太郎
ボー太郎
2019-10-31 15:24:06ID:157000

>>YUTO::さん
タグ付けておきました!!

YUTO
YUTO
2019-10-31 00:10:03ID:156916

こんな簡単な方法で投げnemできるんだなと感じています。
あと、この記事の検索タグにnemlogプログラマーズ同好会をつけて欲しいと思っています。
XSS対策、何か気になります、

この記事を書いた人
どうもボー太郎です。野良犬プログラマーです。 Nember登録よろしくお願いします。 googleplay (アンドロイドアプリ) https://play.google.com/store/apps/developer?id=bootaroucreative NEM アプリ 『NEM/XEM QRコード メーカー』(請求QRコード作成します) http://korokorophp.php.xdomain.jp/nem-php/index.php 『NEMOON』 (1XEM/384.4円までをカウントするアプリ) http://korokorophp.php.xdomain.jp/nemoon/ 『NemTimeCard』 (Nem でタイムカードを打刻するアプリ【開発中】) 『Snemops』 (小規模店舗向け 注文、決済システム) http://snemops.work/ 『XEMチェッカー』 (もらったXEMとおくったXEMを検索日範囲を指定して集計します。) http://korokorophp.php.xdomain.jp/nemsum/ ↑ リンクをクリックして警告が出ますが詳細クリックしてアクセスしてください。 not foundになったらアドレスーのhttpsを httpに変更してください。