本帖最后由 Brett 于 2025-2-21 20:34 编辑 4 K) D* M* E2 S& X. t7 b3 f) k3 B
5 v) c7 Q1 W9 _' n" B7 j《Elon's Baby》TeleGram MiniApp商业化web3游戏客户端源码！
' _9 P& Q/ X( }! s$ v
client项目说明 本项目为基于TeleGram上的web项目，需要引入并使用telegram-web-app.js的相关功能，帐号功能需要读取initData，在本地测试时，需要在项目根目录创建.env.local文件，将测试initData粘贴进文件中方可确保帐号登录流程正常，也可以修改App.vue第76行的代码。
7 g* Z o" o9 B% O# ~' K7 E! e2 y
项目文件夹说明 V- ^1 g# x2 }
/ tailwind.config.jstailwind的配置文件
: r8 b/ a( N Q" A% n: q3 w9 t
vite.config.jsvite配置文件
$ @8 S' B8 B# @/ g3 {
index.html页面模板文件 , ] n2 a2 O5 e7 Z4 ~
/public/image 静态页面文件，不参与打包，可以直接访问，所有的动画和教程图片都放在这里 # {' C! \8 u1 Q# q1 r6 r/ o
/src/ # ^7 t+ c3 Q8 B& M
App.vuevue主文件
$ Y, T0 v' f' i
main.csstailwind默认样式 6 ~1 B$ g4 x9 \4 v$ S& U
main.js项目入口文件
" {% x4 {* Z- V; K6 o/ L" G
permission.js可以在此实现权限控制
7 A. \7 _7 V; H- R1 g
/src/api 接口文件夹，所有请求接口的方法都在这里 5 [2 |' ^2 N5 `( e% e5 Z9 {% U
/src/assets 资源文件夹，项目中的图片都在这里
2 w2 s m' T5 [- `. c
/src/components 组件文件夹，所有的弹窗、页面内组件都在这里 @0 A$ I3 c4 f. j
/src/languages 语言文件夹，项目支持多语言，但目前只有英文，可以在此文件夹扩展
: X5 d7 F1 k2 P. `- l" C1 ]
/src/modules 模块文件夹，基础滚动模块、消息模块、loading模块，还有动画对象都在这里 . e* D( v- K9 K; }" _0 t
/src/pages 页面文件夹 ( X# \, j, z3 | ~. r$ A( \
/src/router 路由文件夹 1 u5 _8 f+ p# w3 l) q* F4 ~9 h2 c
/src/store store文件夹
# Z5 S4 r* x, F
/src/styles 基础样式文件夹，一般不修改 & t2 @& _ a8 t4 C q
/src/util
; H, b* @* f) _$ F
config.js配置文件 }9 l x' C+ e: x6 Z- I- S# b8 f
main.js各种常用方法 * e# I# O( ~2 p- }
request.jsapi请求 5 j+ U9 K. c! h$ `: M! v
locale.js本地存储功能
/ x+ Q& V' E$ n0 z7 A
部署文档
1 L" A1 W p/ k8 J
安装
9 \8 I( M f! j2 Q6 ]; A1 ^
npm install ! Z6 J8 S6 B$ u) }1 c; o; P
$ c Q0 Q# C1 n7 S: l5 s
启动本地开发
$ J! p/ w2 w9 q1 t$ D8 h3 A+ U
// 本地测试服 npm run dev:beta // 本地正式服 npm run dev:release
! a( f+ H3 u) Z
4 `1 E- M. V! R" q
打包项目文件
+ n9 J( B& P9 s$ i% x
// 打包测试服 npm run build:beta // 打包正式服 npm run build:release
3 v! T) n3 V6 ^
6 r, O4 E9 n3 x; m. Q
正式服与测试服的区别在于请求服务端接口的不同（在config.js中配置），测试服不显示vconsole调试窗口。
& Z7 c9 V' N) e- e+ X# t
—————————————— * B# ]8 L2 V3 M* H% ^5 [; n5 P
' S. p2 S0 V$ t
客户端源码下载：
' W5 G- ]: B6 W9 b- V5 V# t$ E m; w2 |4 H3 Z& j4 m7 p
' [8 m8 B- G" i
0 {: @3 t, z- A
| 
简体中文
繁體中文
English
日本語
Deutsch
한국 사람
بالعربية
TÜRKÇE
คนไทย
Français
русский
开源社区
11023 人阅读
|
7 人回复
|
2025-02-21
português
french
