위 챗 애플 릿 은 노트 의 페이지 설정 과 경로 방식 을 배 웁 니 다.

최근 에는 애플 릿 개발 을 돌 이 켜 보고 학습 결 과 를 필기 하 는 것 을 배우 고 있다.위 챗 애플 릿 공식 문서 참조:developers.weixin.qq.com/miniprogram..
1.애플 릿 설정
1.전역 설정
애플 릿 루트 디 렉 터 리 에 있 는 app.json 파일 은 위 챗 애플 릿 을 전역 적 으로 설정 하고 페이지 파일 의 경로,창 표현,네트워크 시간 초과 설정,다 tab 설정 등 을 결정 합 니 다.

//   
{
  "pages": [
    "pages/index/index",
    "pages/logs/index"
  ],
  "window": {
    "navigationBarTitleText": "Demo"
  },
  "tabBar": {
    "list": [{
      "pagePath": "pages/index/index",
      "text": "  "
    }, {
      "pagePath": "pages/logs/index",
      "text": "  "
    }]
  },
  "networkTimeout": {
    "request": 10000,
    "downloadFile": 10000
  },
  "debug": true
}
2.페이지 설정
모든 애플 릿 페이지 는 같은 이름 의.json 파일 을 사용 하여 이 페이지 의 창 표현 을 설정 할 수 있 습 니 다.페이지 의 설정 항목 은 app.json 의 window 에서 같은 설정 항목 을 덮어 씁 니 다.

//   
{
  "navigationBarBackgroundColor": "#ffffff",
  "navigationBarTextStyle": "black",
  "navigationBarTitleText": "        ",
  "backgroundColor": "#eeeeee",
  "backgroundTextStyle": "light"
}
3.sitemap 설정
주:sitemap 의 색인 알림 은 기본적으로 열 립 니 다.sitemap 의 색인 알림 을 닫 으 려 면 애플 릿 프로젝트 설정 파일 procject.config.json 의 setting 에서 필드 checkSiteMap 을 false 로 설정 할 수 있 습 니 다.
애플 릿 루트 디 렉 터 리 에 있 는 sitemap.json 파일 은 애플 릿 과 페이지 가 위 챗 색인 을 허용 하 는 지 설정 합 니 다.
위 챗 색인 에 대한 설정 방법 은 두 가지 가 있 습 니 다.
1.페이지 수록 설정:전체 애플 릿 의 색인 을 닫 을 수 있 고 애플 릿 관리 배경-기능-페이지 내용 접속-페이지 수록 스위치;
2.sitemap 설정:특정 페이지 의 색인 을 닫 을 수 있 습 니 다.

//            (  )
{
    "rules":[{
        "action":"allow",
        "page":"*"
    }]
}
// path/to/page       ,       
{
    "rules":[{
        "action":"disallow",
        "page":"path/to/page"
    }]
}
2.작은 프로그램의 다섯 가지 경로
1、wx.navigateTo()
현재 페이지 를 유지 하고 응용 프로그램의 한 페이지 로 이동 합 니 다.tabbar 페이지 로 이동 할 수 없습니다.애플 릿 에서 페이지 스 택 은 최대 10 층 이 며,초과 한 것 은 wx.redirecto 를 사용 하여 점프 할 수 있 습 니 다.

wx.navigateTo({
    url:"list?id=2",
    events:{
        //        ,                   。
        someEvent:function(data){
            console.log(data)
        }
    },
    success:function(res){
        //   eventChannel          
        res.evnetChannel.emit('someEvent',{dta:'list'})
    }
})
2、wx.redirectTo()
현재 페이지 를 닫 고 응용 프로그램의 한 페이지 로 이동 합 니 다.하지만 tabbar 페이지 로 넘 어 갈 수 없습니다.

//   
wx.redirectTo({
    url:'list?id=2',
    success:function(){},
    fail:function(){}
})
3、wx.switchTab()
tabBar 페이지 로 이동 하고 다른 모든 비 tabBar 페이지 를 닫 습 니 다.

wx.switchTab({
    url:'/index'
})
4、wx.navigateBack()
현재 페이지 를 닫 고 이전 페이지 나 다단 계 페이지 로 돌아 갑 니 다.getCurrent Pages 를 통 해 현재 페이지 스 택 을 가 져 올 수 있 습 니 다.몇 층 으로 돌아 가 야 할 지 결정 합 니 다.

//    A  
wx.navigateTo({
  url: 'B?id=1'
})

//    B  
wx.navigateTo({
  url: 'C?id=1'
})

//  C    navigateBack,   A  
wx.navigateBack({
  delta: 2
})
5、wx.reLaunch()
모든 페이지 를 닫 고 응용 프로그램의 한 페이지 로 엽 니 다.

//  
wx.reLaunch({
    url:'list?id=2'
})
주:또한 점프 와 관련 된 웹 뷰 의 페이지 는 어떻게 애플 릿 으로 돌아 갑 니까?

wx.miniPrograme.navigateTo({
    url:'pages/login/login'+'params'
})
//            
wx.miniPrograme.switchTab({
    url:"/pages/index/index"
})
총결산
위 챗 애플 릿 학습 노트 의 페이지 설정 과 경로 방식 에 관 한 이 글 은 여기까지 소개 되 었 습 니 다.더 많은 관련 애플 릿 페이지 설정 과 경로 방식 내용 은 우리 의 이전 글 을 검색 하거나 아래 의 관련 글 을 계속 조회 하 시기 바 랍 니 다.앞으로 많은 응원 바 랍 니 다!

좋은 웹페이지 즐겨찾기