---
title: "概述"

doc_type: static
doc_category: static
doc_version: v20270301
source_url:
  html: 'https://developer.shopline.com/zh-hans-cn/docs/apps/overview'
  md: 'https://developer.shopline.com/zh-hans-cn/docs/apps/overview.md'
---
  <DocsContainer>
  <Margin p={'14px'} m={'14px'} />
  
  <SummaryCard
    firstTitle={'构建高质量的电子商务应用'}
    description={"使用我们 SHOPLINE 强大、丰富的 OpenAPI、以及开发工具，开发人员可以构建安装在应用商店中的应用程序。"}
    rightBgLight={'https://s2cdn.myshopline.com/slfs/op-new/170260621874502/Frame_light1217944403.png'}
    rightBgDark={'https://s2cdn.myshopline.com/slfs/op-new/170260621866115/Frame1217944403.png'}
  >
    <Margin p={'27px'} m={'30px'} />

    <DocsCard title={'立即开始构建'} description={'了解如何创建 SHOPLINE app'} jumpNode={<Link href="/docsv2/ec20/3cv5d7wpfgr6a8z5/aqde8yezr1kdppxe?version=v20240301"><JumpBtn  /></Link>}>
    </DocsCard>

  </SummaryCard>

<Margin p={'60px'} m={'40px'} />

<Text data={'基础知识'} type={'h5'} />

<Margin p={'20px'} m={'10px'} />

<Text data={'了解我们 SHOPLINE App 的基本开发流程'} type={'p3'} />

<Margin p={'60px'} m={'40px'} />

<DocsCardList
  list={[
    {
      title: '应用类型',
      description: '了解不同应用类型的创建及分发方式',
      jumpNode: (
        <Link href="/docsv2/ec20/3cv5d7wpfgr6a8z5/ftyd63nfmmy6adha?version=v20240301">
          <JumpBtn />
        </Link>
      ),
    },
    {
      title: '应用授权',
      description: '了解不同应用类型的 token 获取方式 ',
      jumpNode: (
        <Link href="/docsv2/ec20/3cv5d7wpfgr6a8z5/jmvhbq6jtnhf5mew?version=v20240301">
          <JumpBtn />
        </Link>
      ),
    },
    {
      title: 'OpenAPI 版本管理',
      description: '了解 OpenAPI 管理说明',
      jumpNode: (
        <Link href="/docsv2/ec20/3cv5d7wpfgr6a8z5/wra3qefyhky9vhsr?version=v20240301">
          <JumpBtn />
        </Link>
      ),
    },
    {
      title: '了解 Webhook',
      description: '学习利用 Webhook 获取商店最新数据',
      jumpNode: (
        <Link href="/docsv2/ec20/3cv5d7wpfgr6a8z5/wf8em731s7f8c3ut?version=v20240301">
          <JumpBtn />
        </Link>
      ),
    },
    {
      title: '批量查询与操作',
      description: '学习如何批量查询与操作数据',
      jumpNode: (
        <Link href="/docsv2/ec20/3cv5d7wpfgr6a8z5/8s4ur95g8mucj8jy?version=v20240301">
          <JumpBtn />
        </Link>
      ),
    },
    {
      title: '应用扩展',
      description: '学习如何利用扩展能力使应用与 Admin 体验保持一致',
      jumpNode: (
        <Link href="/docsv2/ec20/3cv5d7wpfgr6a8z5/zr9kugnkd46j5j1e?version=v20240301">
          <JumpBtn />
        </Link>
      ),
    },
    {
      jumpNode: (
        <Link href="/docsv2/ec20/3cv5d7wpfgr6a8z5/3wvnxpx1eutnmx83?lang=zh-hans-cn">
          <JumpBtn />
        </Link>
      ),
      title: 'SHOPLINE CLI 2.0',
      description: '通过 SHOPLINE CLI 2.0 获取应用模版，快速构建应用'
    },
    {
      jumpNode: (
        <Link href="https://atlas.shopline.com/zh-hans-CN/docs/summary">
          <JumpBtn />
        </Link>
      ),
      title: 'Atlas 组件库',
      description: '使用 SHOPLINE 官方组件库快速搭建界面'
    }
  ]}
/>

<Margin p={'60px'} m={'40px'} />

  <SummaryCard
    secondTitle={'应用审查资格'}
    description={"高可用、高质量的应用是我们 SHOPLINE 平台能力越来越强大的基础动力，严格的审核标准有助于你的应用得到更多商家的青睐。"}
    rightBgLight={'https://s2cdn.myshopline.com/slfs/op-new/170260621823686/Frame_light21217944492.png'}
    rightBgDark={'https://s2cdn.myshopline.com/slfs/op-new/170260621846144/Frame1217944404.png'}
  >
    <Margin p={'30px'} m={'30px'} />

    <Link href="/docsv2/ec20/3cv5d7wpfgr6a8z5/d3nrmzmgatm1aasn?version=v20240301"><JumpBtn text={'查看应用审核要求'} /></Link>
    <Margin p={'30px'} m={'30px'} />
    <Link href="/docsv2/ec20/3cv5d7wpfgr6a8z5/nm63a2f1prf6rduj"><JumpBtn text={'如何测试你的应用'} /></Link>
  </SummaryCard>

<Margin p={'60px'} m={'40px'} />

<DocsCallout
  style={{backgroundImage: "linear-gradient(92deg, #2C41FF 3%, #0A6CFF 52.57%, rgba(57, 136, 255, 0.97) 100%),linear-gradient(103.77deg, #DCF3FF 17.5%, #56CEE8 60.2%, #9988FF 93.19%, #9988FF 110.66%)"}}
  imgUrl={'https://s2cdn.myshopline.com/slfs/op-new/170260621819493/Frame1217944405.png'}
  secondTitle={'如何在应用商店中销售应用'}
  description={
    '面向全球数十万优质客户销售你的应用，在 SHOPLINE 商店中可获取优质的流量资源及政策扶持。'
  }
>
  <Margin p={'30px'} m={'30px'} />
  <DocsCard
    mode={'dark'}
    title={'内测中'}
    description={'如果你想提前尝试订阅 OpenAPI，请在合作伙伴 portal 中提交工单进行申请'}
  />
</DocsCallout>
</DocsContainer>