@telegram-app-sdk/core
Version:
`Telegram SDK` 是集成 `TelegramWebJs` 的基础合集
83 lines (65 loc) • 2.25 kB
Markdown
## 此包为 Core 包只涉及核心逻辑,不涉及业务
`Telegram SDK` 是集成 `TelegramWebJs` 的基础合集
### [**`@telegram-app-sdk/core`**](https://telegram-sdk-docs.vercel.app/modules/_telegram_app_sdk_core.html) 为基础 sdk 核心逻辑,主要处理支付,管理钱包功能
### [查看更改日志](https://github.com/peng-xiao-shuai/telegram-sdk-docs/blob/gh-pages/packages/ts-core/CHANGELOG.md)
### 开始
#### HTML
将脚本添加到 HTML 文件:
```js
<script src="https://xxx/telegram-sdk.js"></script>
```
您可以在全局变量中找到 `Telegram TG_SDK`,`TG_SDK` 下暴露 `_setTelegramSDKConfig` 用于初始化
例如
```js
<script>
/**
* Telegram 官方对象
*/
console.log(window.Telegram)
/**
* 在未调用 _setTelegramSDKConfig 前 TG_SDK 为 undefined
* 在调用 _setTelegramSDKConfig 后 TG_SDK 不会立即有数据,这个是一个异步过程
* 调用完成 _setTelegramSDKConfig 后 TG_SDK 将不会是一个对象,而是一个 Class 实例
*/
console.log(window.TG_SDK)
const config = {
// 开启调试模式
debug: true, // 选填
// appid
appid: '',
/**
* ton 钱包配置
* @see https://ton-connect.github.io/sdk/types/_tonconnect_ui.TonConnectUiCreateOptions.html
*/
tonConfig: {
manifestUrl: `https://github.com/ton-connect/demo-dapp-with-react-ui/blob/master/docs/tonconnect-manifest.json`, // 必填
},
}
window.TG_SDK._setTelegramSDKConfig(config)
// or
// const TG_SDK = await window.TG_SDK._setTelegramSDKConfig(config)
</script>
```
#### NPM
```ts
import { TG_SDK_CORE } from '@telegram-app-sdk/core';
const TG_SDK = new TG_SDK_CORE({
appid: '',
tonConfig: {
manifestUrl: `https://github.com/ton-connect/demo-dapp-with-react-ui/blob/master/docs/tonconnect-manifest.json`,
},
});
TG_SDK.connect();
```
OR
使用此方式,会将 TG_SDK 挂载在 window 上
```ts
import { _setTelegramSDKConfig } from '@telegram-app-sdk/core';
_setTelegramSDKConfig({
appid: '',
tonConfig: {
manifestUrl: `https://github.com/ton-connect/demo-dapp-with-react-ui/blob/master/docs/tonconnect-manifest.json`,
},
});
window.TG_SDK.joinChannel();
```