Từ coder đến developer – Tôi đi code dạo

2020-03-09T15:57:11+07:00

Mình rất thích những series có tính chuyên môn và ứng dụng cao thế này, mong bạn tiếp tục phát huy trong thời gian tới nhé!

LikeLike

Reply

2020-03-13T09:47:30+07:00

Để nhận cái event bắn tới webhook khi user comment cần App review đúng ko bạn? Mình subscibe ở phần web hook setting mà backend vẫn ko nhận đc request gì

LikeLike

Reply

2020-03-24T17:42:43+07:00

Cho mình hỏi bạn dùng webhook nào của fb để get được comment vậy? hình như không phải Messenger webhook thì phải. tks bạn

LikeLike

Reply

	app.post('/webhook', async(req, res) => {
	const hookObject = req.body;
	console.log(JSON.stringify(hookObject, null, 2));
	await process.processHook(hookObject);

	res.status(200).send("OK");
	});

	async processHook(hookObject) {
	for (const entry of hookObject.entry) {
	for (const change of entry.changes) {
	this.processEntryChange(change);
	}
	}
	}

	async processEntryChange(change) {
	if (change.field !== 'feed') return;

	// New comment only
	const changeValue = change.value;
	if (changeValue.post_id !== this.postId) return;
	if (changeValue.item !== 'comment' \|\| changeValue.verb !== 'add') return;

	var { sender_id, sender_name, message } = changeValue;

	const bets = this.getBetFromComment(message);
	console.log(bets);
	if (bets.length === 0) return;

	const avatar = await api.getAvatar(sender_id);
	for (const bet of bets) {

	const playerAndBet = {
	id: sender_id,
	name: sender_name,
	avatar,
	bet: bet.bet,
	choice: bet.choice
	};
	console.log(playerAndBet);
	this.emitter.emit('newBet', playerAndBet);
	}
	}

	import io from 'socket.io-client';
	const socket = io('http://localhost:3002');

	socket.on('connect', () => { console.log('connected') });
	socket.on('newBet', function(newBet) {
	const { id, name, avatar, bet, choice } = newBet;
	const player = new Player(id, name, avatar);
	store.dispatch('placeBet', { player, bet, choice });
	});

	getBetFromComment(comment) {
	const cleanedComment = textParser.charToNumber(
	textParser.removeUnicode(comment.toLowerCase()));

	const regex = /(\d+)( \|–)?(cop\|bau\|ga\|tom\|ca\|cua)/;
	const matches = cleanedComment.match(regex);

	if (!matches) return [];

	const bets = matches.map(match => {
	const execMatch = regex.exec(match);

	const bet = parseInt(execMatch[1], 10);
	const choice = choiceToNumberMap[execMatch[3]];
	return { bet, choice };
	});
	return bets;
	}

	<div>
	<div class="bc-table">
	<!– Ảnh bầu cua –>
	<img src="./../assets/baucua.jpg" alt class="image bc-image" />
	<div class="bc-overlay">
	<!– 6 cells tương ứng với 6 con –>
	<div class="boards" :key="key" v-for="(cell, key) in board">
	<transition-group
	tag="div"
	enter-active-class="animated bounceInDown"
	leave-active-class="animated fadeOutDown"
	>
	<!– Mỗi hình tròn là 1 token của user đã đặt –>
	<token v-for="(token, userId) in cell" :key="userId" v-bind="token"></token>
	</transition-group>
	</div>
	</div>
	</div>
	</div>

Từ coder đến developer – Tôi đi code dạo

Tôi đã viết game Bầu Cua chơi qua Livestream như thế nào!

Kiến trúc hệ thống

Xử lý phía back-end

Front-end

Tạm kết

3 thoughts on “Tôi đã viết game Bầu Cua chơi qua Livestream như thế nào!”

Leave a Reply Cancel reply

Lập trình viên giỏi không phải chỉ biết code

	const store = new Vuex.Store({
	state: {
	players: {},
	status: WAITING_FOR_BET,
	dices: [1, 2, 3],
	board: {
	1: {},
	2: {},
	3: {},
	4: {},
	5: {},
	6: {}
	}
	}
	})

	finishGame({ commit, state }) {
	commit('removeLosers');

	// Đếm những quân xí ngầu thắng
	var diceDic = countBy(state.dices, dice => dice);
	for (const key in diceDic) {
	const multiplier = diceDic[key] + 1;
	const winners = Object.values(state.board[key]);

	// Cộng điềm cho những người thắng
	for (const winner of winners) {
	commit('updatePlayerPoint', { playerId: winner.id, changedValue: (winner.bet * multiplier) });
	}
	}

	commit('changeStatus', FINISHED);

	// Upload danh sách người chơi lên Firebase đến tra điểm
	const syncPlayer = Object.values(state.players)
	.filter(p => p.id && p.name && p.avatar)
	.sort((p1, p2) => p2.point – p1.point);
	firebase.set(syncPlayer);
	}

Kiến trúc hệ thống

Xử lý phía back-end

Front-end

Tạm kết

Rate this:

Like this:

Related

3 thoughts on “Tôi đã viết game Bầu Cua chơi qua Livestream như thế nào!”

Leave a Reply Cancel reply

Lập trình viên giỏi không phải chỉ biết code